html атрибут onscroll

Подія onscroll викликається, коли користувач прокручує вміст елемента.

На відміну від події onwheel (коліщатко миші), його можуть генерувати тільки прокручуваний елементи або вікно (window). Але воно генерується завжди, за будь-якого прокручування, не обов'язково «мишкою».

Деякі області застосування onscroll:

Показ додаткових елементів навігації при прокручуванні.

Вантаження і ініціалізація елементів інтерфейсу, які стали видимими після прокрутки.

Зображення прикладу a2c6b821d4bcdb5cdd27f21423f177ff.png

Порада:

Використовуйте властивість 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


Немає жодної різниці.