html атрибут onscroll
Подія onscroll
викликається, коли користувач прокручує вміст елемента.
На відміну від події onwheel
(коліщатко миші), його можуть генерувати тільки прокручуваний елементи або вікно (window). Але воно генерується завжди, за будь-якого прокручування, не обов'язково «мишкою».
Деякі області застосування onscroll
:
Показ додаткових елементів навігації при прокручуванні.
Вантаження і ініціалізація елементів інтерфейсу, які стали видимими після прокрутки.
Зображення прикладу
Порада: | Використовуйте властивість CSS стилю overflow, що створити смугу прокручування для елемента. |
Синтаксис
<element onscroll="script">
Атрибут onscroll не має жодного значення :
Переглядачі
Переглядач | ||||||
---|---|---|---|---|---|---|
1.0+ |
1.0+ |
1.0+ |
1.0+ |
1.0+ |
1.0+ |
Переглядач | ||||
---|---|---|---|---|
1.0+ |
1.0+ |
1.0+ |
1.0+ |
Мобільних переглядачів ще не додано.
Приклади
Найпростіший приклад використання HTML події onscroll
See the Pen
onscroll by css.in.ua (@css_in_ua)
on CodePen.
Приклад використання HTML події onscroll
дляbody
See the Pen
onscroll by css.in.ua (@css_in_ua)
on CodePen.
Приклад використання HTML події onscroll
дляdiv
See the Pen
onscroll by css.in.ua (@css_in_ua)
on CodePen.
Різниця між HTML 4.01 та HTML5
Подія onscroll
з’явилася тільки в HTML5
Різниця між XHTML та HTML
Немає жодної різниці.