Обработчик или источник события scroll
Устанавливает обработчик "прокрутки" элементов документа, либо, запускает это событие. Метод имеет три варианта использования:
Устанавливает функцию handler в качестве обработчика события scroll, на выбранные элементы.
Метод является аналогом bind("scroll", handler(eventObject)).
handler(eventObject) — функция, которая будет установлена в качестве обработчика. При вызове она будет получать объект события eventObject.
Метод отличается от предыдущего возможностью передавать в обработчик дополнительные данные.
Является аналогом bind("scroll", eventData, handler(eventObject)).
handler(eventObject) — см. выше.
eventData — дополнительные данные, передаваемые в обработчик. Они должны быть представлены объектом в формате: {fName1:value1, fName2:value2, ...}.
Вызывает событие scroll, у выбранных элементов страницы. Метод является аналогом trigger("scroll").
Убрать установленный обработчик можно с помощью метода unbind().
Все три варианта использования метода, являются аналогами других методов (см. выше), поэтому все подробности использования scroll(), можно найти в описании этих методов.
Узнать/поменять величину прокрутки можно с помощью методов .scrollTop(), .scrollLeft().
Пример
// установим обработчик события scroll, элементу с идентификатором foo $('#foo').scroll(function(){ alert('Элемент foo был прокручен... скроллирован... ну как там это называется то?!'); }); // вызовем событие scroll на элементе foo $('#foo').scroll(); // установим еще один обработчик события scroll, на этот раз элементам // с классом block. В обработчик передадим дополнительные данные $('.block').scroll({a:12, b:"abc"}, function(eventObject){ var externalData = "a=" + eventObject.data.a + ", b=" + eventObject.data.b; alert('Элемент с классом block был прокручен'+ 'В обработчик этого события переданы данные: ' + externalData ); });
Ссылки
- Список функций, помогающих обрабатывать события
- .scrollTop(), .scrollLeft() — методы для получения/изменения величины прокрутки.