jQuery scrollTop() 方法

❮ jQuery HTML/CSS 方法

实例

返回 <div> 元素的垂直滚动条位置:

$("button").click(function(){
  alert($("div").scrollTop());
});
亲自试一试 »

定义和用法

scrollTop() 方法设置或返回被选元素的垂直滚动条位置。

提示: 当滚动条位于最顶部时,位置是 0。

当用于返回位置时:
该方法返回第一个匹配元素的滚动条的垂直位置。

当用于设置位置时:
该方法设置所有匹配元素的滚动条的垂直位置。


语法

返回垂直滚动条位置:

$(selector).scrollTop()

设置垂直滚动条位置:

$(selector).scrollTop(position)

参数 描述
position 规定以像素为单位的垂直滚动条位置。

更多实例

设置垂直滚动条位置
如何为元素设置垂直滚动条位置。

在不同滚动位置的类之间切换
如何在不同滚动位置的类之间切换。

向页面锚点添加平滑滚动
使用 animate() 和 scrollTop() 为链接添加平滑滚动。


❮ jQuery HTML/CSS 方法