Saltar al contenido

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

Nuestros investigadores estrellas han agotado sus reservas de café, buscando diariamente por la resolución, hasta que Melina encontró el arreglo en Gogs así que en este momento la compartimos con nosotros.

Solución:

Parece que solo está mapeando el evento de la rueda del mouse para desplazarse por el área. En IE, esto es muy fácil simplemente usando el doScroll() método: esto hará que la barra horizontal se desplace por la cantidad que normalmente se desplazaría la barra vertical. Otros navegadores no son compatibles con el doScroll() método, por lo que debe vivir con el desplazamiento en una cantidad arbitraria en su lugar:

var mouseWheelEvt = function (event)  event.detail) > 0)
        document.body.scrollLeft -= 10;
    else
        document.body.scrollLeft += 10;

    return false;

document.body.addEventListener("mousewheel", mouseWheelEvt);

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

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

Otra forma:

document.addEventListener('wheel', (e) => 
    document.getElementById('scroll_container').scrollLeft += e.deltaY;
)

valoraciones y reseñas

Si haces scroll puedes encontrar las acotaciones de otros administradores, tú igualmente eres capaz dejar el tuyo si te apetece.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *