Метод jQuery scrollTop()

Методы HTML/CSS jQuery

Метод scrollTop() получает или устанавливает положение вертикальной полосы прокрутки выбранного элемента.

При использовании метода scrollTop()Получитьместоположения, он возвращаетпервый выбранный элементвертикального положения полосы прокрутки.

При использовании метода scrollTop()Установитьпри определении местоположения, оно будетВсе выбранные элементыУстановить вертикальное положение полосы прокрутки.

Синтаксис:

Получить положение вертикальной полосы прокрутки:

$("selector").scrollTop()

Установить положение вертикальной полосы прокрутки:

$("selector").scrollTop(value)

Пример

Получить scrollTop DIV:

$("div").scroll(function(){
　　$("this").scrollTop();
});

Установить scrollTop DIV:

$("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);
　　}
});

Значение параметра

Методы HTML/CSS jQuery