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);
}
});測試看看?/?| 參數(shù) | 描述 |
|---|---|
| value | 一個整數(shù)，指示將滾動條設置為的新位置 |