html подія onwheel

Подія onwheel викликається, коли користувач прокручує коліщатко миші над елементом з атрибутом onwheel. Вона генерується над будь-яким елементом при пересуванні колеса миші. При цьому не важливо, прокручуваний він чи ні. Зокрема, overflow:hidden ніяк не перешкоджає обробці колеса миші. Крім того, подія onscroll відбувається після прокрутки, а onwheel- до прокрутки, тому в ньому можна скасувати саму прокрутку (дія браузера).

Подія onwheel , також спрацьовує, коли користувач прокручує або масштабує за допомогою сенсорної панелі (наприклад, "миші' ноутбука).

Найважливіші властивості сучасного події і його нестандартних аналогів:

wheel Властивість deltaY- кількість прокручених пікселів по вертикалі. Існують також властивості deltaX і deltaZ для інших напрямків прокрутки.

MozMousePixelScroll Спрацьовує, починаючи з Firefox 3.5, тільки в Firefox. Дає можливість скасувати прокрутку і отримати розмір в пікселях через властивість detail, вісь прокрутки у властивості axis.

mousewheel Спрацьовує в браузерах, які ще не реалізували wheel.

Щоб кросбраузерну відловити прокрутку і, при необхідності, скасувати її, можна використовувати всі ці події.

Картинка приклада