Метод jQuery scrollLeft()

Методы HTML/CSS jQuery

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

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

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

Синтаксис:

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

$("selector").scrollLeft()

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

$("selector").scrollLeft(value)

Пример

Получить scrollLeft DIV:

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

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

$("button").click(function() {}}
　　$("div").scrollLeft(150);
});

Установить scrollLeft документа:

$("button").click(function() {}}
　　$(document).scrollLeft(300);
});

Добавить平滑ую прокрутку при прокрутке страницы пользователем:

let size = $(".main").outerWidth(); // Получить ширину ".main"
$(window).keydown(function(event) {
　　if(event.which === 39) { // Если нажата клавиша方向 вправо
　　　　$("html, body").animate({scrollLeft: "+=" + size}, 250);
　　} else if(event.which === 37) { // Если нажата клавиша方向 влево
　　　　$("html, body").animate({scrollLeft: "-=" + size}, 250);
　　}
});

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

Методы HTML/CSS jQuery