获取滚动条的位置
2016-02-25 21:17
375 查看
下面就开始scrollTop 用法讲解:
Note:
当滚动条位置位于最顶部时,位置是0;
当用于返回位置时:
该方法返回 第一个匹配元素的滚动条的垂直位置。
当用于设置位置时:
该方法设置 所有匹配元素的滚动条的垂直位置。
$(selector).scrollTop()
设置滚动条位置
$(selector).scrollTop(position)
参数position : 规定以像素为单位的垂直滚动条位置。
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert($("div").scrollTop()+" px");
});
需要注意的是,这里的数值不能加引号。也不用加px. 只需要给数值就可以了
$("#btn").click(function(){
$("div").scrollTop(60));
});
});
</script>
</head>
<body>
<div style="border:1px solid black;width:100px;height:150px;overflow:auto">
This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</div><br>
<button>Return the vertical position of the scrollbar</button>
<button id="btn">Return the vertical position of the scrollbar</button>
<p>Move the scrollbar down and click the button again.</p>
</body>
</html>
如果是获取滚动条到底部的距离:div.scrollTop=div.height;
scrollTop() 定义和用法
scrollTop() 方法设置或返回被选元素的【垂直滚动条位置】。Note:
当滚动条位置位于最顶部时,位置是0;
当用于返回位置时:
该方法返回 第一个匹配元素的滚动条的垂直位置。
当用于设置位置时:
该方法设置 所有匹配元素的滚动条的垂直位置。
scrollTop() 语法
返回滚动条位置$(selector).scrollTop()
设置滚动条位置
$(selector).scrollTop(position)
参数position : 规定以像素为单位的垂直滚动条位置。
scrollTop() 实例
<!DOCTYPE html><html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert($("div").scrollTop()+" px");
});
需要注意的是,这里的数值不能加引号。也不用加px. 只需要给数值就可以了
$("#btn").click(function(){
$("div").scrollTop(60));
});
});
</script>
</head>
<body>
<div style="border:1px solid black;width:100px;height:150px;overflow:auto">
This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</div><br>
<button>Return the vertical position of the scrollbar</button>
<button id="btn">Return the vertical position of the scrollbar</button>
<p>Move the scrollbar down and click the button again.</p>
</body>
</html>
如果是获取滚动条到底部的距离:div.scrollTop=div.height;
相关文章推荐
- 自我介绍+github注册
- thinkpad 开机按f12
- BZOJ1170: [Balkan2007]Cipher|hash
- 要出发公司笔试题
- IOS-UI-基本控件之UILabel
- poj 3281 Dining 拆点网络流
- Longest Common Prefix
- 1052. Linked List Sorting (25)
- UVA 607 Scheduling Lectures
- static关键字
- IOS-UI-基本控件之UISwitch
- zstu 2532 hdu 1466 计算直线的交点数
- Cpp_内联函数
- 李望 原创作品转载请注明出处 《Linux内核分析》MOOC课程http://mooc.study.163.com/course/USTC-10000290
- 数据的持久化存储
- 决定QGraphiciItem图形项自身坐标系统零点的最关键的地方
- java map的四种遍历
- poj 1112 uva1627
- 预处理命令
- 动态规划(一)