Событие onscroll

Событие onscroll происходит при прокрутке содержимого элемента.

Применимо к:

address, applet, blockquote, body, caption, center, dd, dir, div, dl, dt, fieldset, form, h1-h6, html, li, listing, marquee, menu, object, ol, p, plaintext, pre, select, tbody, textarea, tfoot, thead, ul, xmp

Поддержка браузерами

Действия, вызывающие данное событие

  • Прокрутка содержимого элемента с помощью полосы прокрутки.
  • Прокрутка колесом мыши над элементом.
  • При нажатии стрелок влево, вверх, вправо, вниз или Home, End, Page Up, Page Down или клавиши Space, когда элемент имеет фокус.
  • Прокрутка содержимого элемента с помощью JavaScript.

Пример

   <div style="width:300px;height:200px; overflow:scroll; background:red;" onscroll="alert('Вы просматриваете содержимое данного элемента!')">
   Содержимое, которое прокручивается 1. Содержимое, которое прокручивается 2. Содержимое, которое прокручивается 3. Содержимое, которое прокручивается 4. Содержимое, которое прокручивается 5. Содержимое, которое прокручивается 6. Содержимое, которое прокручивается 7. Содержимое, которое прокручивается 8. Содержимое, которое прокручивается 9. Содержимое, которое прокручивается 10.
   </div>

Заметки

Отсутствует в спецификации HTML 4.01!

Это событие может происходить только для элементов, имеющих полосу прокрутки. Для управления отображением полосы прокрутки у элемента используется CSS свойство overflow.

По теме

Показать комментарии