Горизонтальная прокрутка сайта с помощью колёсика

Недавно попалась задача сделать сайт с горизонтальной прокруткой, да такой, чтобы прокрутка контролировалась колёсиком мыши. Оказалось, что у браузеров (и у мышек) есть проблемы с этим. То есть, вертикальная прокруткапожалуйста. Но если есть горизонтальная, колёсико не работает.

Чтобы решить задачу, полазил по сайту jquery. Нашлось решение: плагин mousewheel. Страница проекта: http://plugins.jquery.com/project/mousewheel. С помощью этого плагина можно полностью контролировать реакцию окна на вращение. Конечно, нужно разбираться.

Впрочем, для горизонтальной прокрутки с колёсиком есть и более простое решение. Нашлось оно неожиданно, на сайте одного вебдизайнера из Канады. Это не только библиотека, но и готовое решение, которое может установить любой человек, знающий основы вёрстки. Речь идёт о Horizontal Tiny Scrolling.

Распространяется она по GNU GPL, то есть, практически бесплатно. Корректно работает во всех современных браузерах (древних я, честно говоря, и не держу). Кроме того, не зависит от jQuery. Задействовать библиотеку можно, вставив между тэгами head следующий код:

<script typetext/javascript» srchorizontal_tiny_scrolling.js«></script>

Скачать horizontal_tiny_scrolling.js можно ниже. Вот и всё, теперь управлять горизонтальной прокруткой можно с помощью колеса мыши.mousewheel

Поделись с друзьями