javascript - scrolling - scroll horizontal jquery

¿Cómo hacer un desplazamiento horizontal en la rueda del mouse?

Question

Justo ahora, accidentalmente, me tropiezo con http://www.benekdesign.com/ . Aquí, en la rueda del mouse, realiza un desplazamiento horizontal. En verdad, no me gustó esta función. Fue un poco irritante. Pero aún así, por favor dígame cómo lograr lo mismo.

Editado

De acuerdo, Firebug dice que él está usando

/ * Horizontal Tiny Scrolling: una secuencia de comandos de desplazamiento suave para sitios web horizontales 2 (el hermano de la vertical "Tiny Scrolling") 3por Marco Rosella - http://www.centralscrutinizer.it/en/design/js-php/horizontal-tiny -scrolling 4 v0.6 - 14 de febrero de 2007

Answer 1

Puede echar un vistazo al plugin desplegable .

Answer 2

Como las soluciones anteriores no funcionan para mí, aquí acabo de encontrar otra: http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/

Ejemplo: http://digwp.com/archives/horz/

Answer 3

Parece que está mapeando el evento mousewheel para desplazarse por el área. En IE, esto es realmente fácil con solo usar el método doScroll() - esto desplazará la barra horizontal en la cantidad por la que normalmente se desplazaría la barra vertical. Otros navegadores no son compatibles con el método doScroll() , por lo que debes vivir desplazándote por una cantidad arbitraria:

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);