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

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

редактировать

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

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

3 ответов


похоже, он просто отображает события mousewheel для прокрутки области. В 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);

поскольку решения выше не работают для меня, вот еще один, который я только что нашел: http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/

пример: http://digwp.com/archives/horz/


вы может взглянем на!--1-->прокручивать плагин.