jQuery функция .scroll()

Раздел: События Браузера

Описание: Устанавливает обработчик прокрутки элементов документа, либо, запускает это событие.

Функция выполняется каждый раз, когда вызывается событие.

Для примера, рассмотрим HTML:

Установлены параметры стиля, чтобы целевой элемент был достаточно мал, для того, чтобы имел полосу прокрутки: scroll

html:

<div id="log">Тест прокрутки</div> 
<div id="target" style="overflow: scroll; width: 100%; height: 200px;"> 
 <p>Я памятник себе воздвиг нерукотворный,</p>
 <p>К нему не зарастет народная тропа,</p>
 <p>Вознесся выше он главою непокорной</p>
 <p>Александрийского столпа.</p>
 <p>Нет, весь я не умру — душа в заветной лире</p>
 <p>Мой прах переживет и тленья убежит —</p>
 <p>И славен буду я, доколь в подлунном мире</p>
 <p>Жив будет хоть один пиит.</p>
 <p>Слух обо мне пойдет по всей Руси великой,</p>
 <p>И назовет меня всяк сущий в ней язык,</p>
 <p>И гордый внук славян, и финн, и ныне дикой</p>
 <p>Тунгус, и друг степей калмык.</p>
 <p>И долго буду тем любезен я народу,</p>
 <p>Что чувства добрые я лирой пробуждал,</p>
 <p>Что в мой жестокий век восславил я свободу</p>
 <p>И милость к падшим призывал.</p>
 <p>Веленью божию, о муза, будь послушна;</p>
 <p>Обиды не страшась, не требуя венца,</p>
 <p>Хвалу и клевету приемли равнодушно</p>
 <p>И не оспоривай глупца.</p>
</div>

Тест прокрутки

Я памятник себе воздвиг нерукотворный,

К нему не зарастет народная тропа,

Вознесся выше он главою непокорной

Александрийского столпа.

Нет, весь я не умру — душа в заветной лире

Мой прах переживет и тленья убежит —

И славен буду я, доколь в подлунном мире

Жив будет хоть один пиит.

Слух обо мне пойдет по всей Руси великой,

И назовет меня всяк сущий в ней язык,

И гордый внук славян, и финн, и ныне дикой

Тунгус, и друг степей калмык.

И долго буду тем любезен я народу,

Что чувства добрые я лирой пробуждал,

Что в мой жестокий век восславил я свободу

И милость к падшим призывал.

Веленью божию, о муза, будь послушна;

Обиды не страшась, не требуя венца,

Хвалу и клевету приемли равнодушно

И не оспоривай глупца.

Обработчик события scroll может быть привязан к любому элементу

javascript:

 var n = 0;
$(function() { 
 $('#target').scroll(function() {
 n++; 
 $('#log').html('<div>Обработчик для .scroll () вызыван. '+n+'раз</div>');
 }); 
});

jQuery функция .scroll()

Добавить комментарий