Прокрутіть сторінку горизонтально за допомогою колеса миші - CSS-хитрощі

Anonim

1) Завантажте jQuery та плагін Mouse Wheel

Тут є плагін Mouse Wheel.

 

2) Прикріпіть подію коліщатка миші до корпусу

"30" відображає швидкість. prevenDefault гарантує, що сторінка не прокручуватиметься вниз.

$(function() ( $("body").mousewheel(function(event, delta) ( this.scrollLeft -= (delta * 30); event.preventDefault(); )); ));

Дивіться
горизонтальну прокрутку ручки за допомогою колеса миші Кріса Койєра (@chriscoyier)
на CodePen.