scrollTop()方法获取或设置所选元素的垂直滚动条位置。
当使用scrollTop()方法获取位置时，它返回第一个选定元素的滚动条的垂直位置。
当使用scrollTop()方法设置位置时，它将为所有选定元素设置滚动条的垂直位置。
获取垂直滚动条位置：
$(selector).scrollTop()
设置垂直滚动条位置：
$(selector).scrollTop(value)
获取DIV的scrollTop：
$("div").scroll(function(){
$(this).scrollTop();
});测试看看‹/›设置DIV的scrollTop：
$("button").click(function(){
$("div").scrollTop(150);
});测试看看‹/›设置文档的scrollTop：
$("button").click(function(){
$(document).scrollTop(400);
});测试看看‹/›用户滚动页面时添加平滑滚动：
let size = $(".main").height(); // 获取".main" 高度
$(window).keydown(function(event) {
if(event.which === 40) { // 如果按下向下箭头键
$("html, body").animate({scrollTop: "+=" + size}, 300);
} else if(event.which === 38) { // 如果按下向上箭头键
$("html, body").animate({scrollTop: "-=" + size}, 300);
}
});测试看看‹/›| 参数 | 描述 |
|---|---|
| value | 一个整数，指示将滚动条设置为的新位置 |