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

Anonim

1) Загрузите jQuery и плагин Mouse Wheel.

Плагин Mouse Wheel здесь.

2) Прикрепите событие колесика мыши к телу

Цифра 30 означает скорость. preventDefault гарантирует, что страница не будет прокручиваться вниз.

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

См. «
Горизонтальная прокрутка пера с колесиком мыши» Криса Койера (@chriscoyier)
на CodePen.