scrollTop()方法獲取或設(shè)置所選元素的垂直滾動(dòng)條位置。
當(dāng)使用scrollTop()方法獲取位置時(shí)，它返回第一個(gè)選定元素的滾動(dòng)條的垂直位置。
當(dāng)使用scrollTop()方法設(shè)置位置時(shí)，它將為所有選定元素設(shè)置滾動(dòng)條的垂直位置。
獲取垂直滾動(dòng)條位置：
$(selector).scrollTop()
設(shè)置垂直滾動(dòng)條位置：
$(selector).scrollTop(value)
獲取DIV的scrollTop：
$("div").scroll(function(){
$(this).scrollTop();
});測試看看?/?設(shè)置DIV的scrollTop：
$("button").click(function(){
$("div").scrollTop(150);
});測試看看?/?設(shè)置文檔的scrollTop：
$("button").click(function(){
$(document).scrollTop(400);
});測試看看?/?用戶滾動(dòng)頁面時(shí)添加平滑滾動(dòng)：
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 | 一個(gè)整數(shù)，指示將滾動(dòng)條設(shè)置為的新位置 |