.scroll( handler(объектСобытия) )
Добавлена в версию: 1.0
handler(объектСобытия)
Функция
Функция выполняется каждый раз, когда вызывается событие.
.scroll( )
Добавлена в версию: 1.0
.scroll( [ данныеСобытия ], обработчик(объектСобытия)
Добавлена в версию: 1.4.3
Карта данных, которая будет передана в обработчик событий.
обработчик(объектСобытия)
Функция
Функция для выполнения каждый раз, когда событие вызвано.
Этот метод является сокращением для .bind('scroll', handler) в первом варианте, и .trigger('scroll') во втором.
Событие scroll посылается элементу, когда пользователь прокручивает на другое место в элементе.
Это относится к объектам window, но также и к прокручиваемым фреймам и элементам со свойством CSS overflow установленным в scroll (или auto, когда высота элемента меньше, чем высота его содержимого).
Для примера, рассмотрим HTML:
<div id="target" style="overflow: scroll; width: 200px; height: 100px;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur
sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</div>
<div id="other">
Trigger the handler
</div>
<div id="log"></div>
Обработчик события scroll может быть привязан к любому элементу:
$('#target').scroll(function() {
$('#log').append('<div>Handler for .scroll() called.</div>');
});
Теперь, когда пользователь прокручивает текст вверх и вниз, одно или более сообщений прилагаются к <div id="log"></div>:
Handler for .scroll() called.
Мы также можем запустить событие, когда другой элемент нажат:
$('#other').click(function() {
$('#target').scroll();
});
После выполнения этого кода, нажатие на Trigger the handler также выдаст сообщение.
Событие scroll посылается всякий раз, когда
позиция элемента прокрутки меняется, независимо от ее причины.
Щелчок мыши или перетаскивание полосы прокрутки, перетаскивание внутри
элемента, нажатие клавиш со стрелками, или использование колеса
прокрутки мышки может привести к этому событию.
Примеры
Для осуществления каких-либо действий при прокрутке документа, попробуйте:
$("p").clone().appendTo(document.body);
$("p").clone().appendTo(document.body);
$("p").clone().appendTo(document.body);
$(window).scroll(function () {
$("span").css("display", "inline").fadeOut("slow");
});