Подтвердить что ты не робот

Как сделать горизонтальную прокрутку на прокрутке колеса мыши?

Как раз сейчас, случайно, я натыкаюсь на http://www.benekdesign.com/. Здесь, на прокрутке колеса мыши, он выполняет горизонтальную прокрутку. Воистину, мне не нравилась эта функция. Это было немного раздражающе. Но, тем не менее, Скажите, пожалуйста, как достичь того же.

Edited

Хорошо, firebug говорит, что он использует

/* Горизонтальная крошечная прокрутка - плавная прокрутка script для горизонтальных веб-сайтов 2 (брат вертикальной "Крошечной прокрутки" ) 3by Marco Rosella - http://www.centralscrutinizer.it/en/design/js-php/horizontal-tiny-scrolling 4 v0.6 - 14 февраля 2007 г.

4b9b3361

ОТВЕТЫ

Ответ 1

Похоже, он просто сопоставляет mousewheel event для прокрутки области. В IE это очень просто, просто используя метод doScroll() - это прокрутит горизонтальную полосу на величину, которую обычно прокручивает вертикальная полоса. Другие браузеры не поддерживают метод doScroll(), поэтому вам нужно будет прокручиваться на произвольную величину:

var mouseWheelEvt = function (event) {
    if (document.body.doScroll)
        document.body.doScroll(event.wheelDelta>0?"left":"right");
    else if ((event.wheelDelta || event.detail) > 0)
        document.body.scrollLeft -= 10;
    else
        document.body.scrollLeft += 10;

    return false;
}
document.body.addEventListener("mousewheel", mouseWheelEvt);