jQuery scrollTop() 方法
实例
返回 <div> 元素的垂直滚动条位置:
<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert($("div").scrollTop() + " px");
});
});
</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>
<p>Move the scrollbar down and click the button again.</p>
</body>
</html>
定义与用法
scrollTop()
方法设置或返回所选元素的垂直滚动条位置。
提示: 当滚动条位于顶部时,位置为 0。
当用于返回该位置时:
此方法返回第一个匹配元素的滚动条的垂直位置。
当用于设置位置时:
此方法为所有匹配的元素设置滚动条的垂直位置。
语法
返回垂直滚动条位置:
$(selector).scrollTop()
设置垂直滚动条位置:
$(selector).scrollTop(position)
参数 | 描述 |
---|---|
position | 以像素为单位指定垂直滚动条的位置 |