Desplazamiento horizontal de la rueda del mouse de jQuery

Este dilema se puede resolver de variadas maneras, por lo tanto te enseñamos la que para nosotros es la respuesta más completa.

Solución:

¡Después de 3 días de buscar la respuesta, finalmente encontré una solución sin los complementos de Jquery!

// http://www.dte.web.id/2013/02/event-mouse-wheel.html
(function() 
function scrollHorizontally(e) 
if (window.addEventListener) 
    // IE9, Chrome, Safari, Opera
    window.addEventListener("mousewheel", scrollHorizontally, false);
    // Firefox
    window.addEventListener("DOMMouseScroll", scrollHorizontally, false);
 else 
    // IE 6/7/8
    window.attachEvent("onmousewheel", scrollHorizontally);

)();

Si este código sigue sin funcionar, el problema no está aquí, está en tu CSS.

Esta es una versión JQuery de @TooJuniorToCodela respuesta Es más corto e ideal si ya está usando jQuery. Espero que sea útil para alguien.

    $('body').on('mousewheel DOMMouseScroll', function(event)

        var delta = Math.max(-1, Math.min(1, (event.originalEvent.wheelDelta );

Para desplazarse por el sitio web horizontalmente, siga el siguiente código:

Evento de rueda de mouse adjunto al cuerpo:

$(function() 

   $("body").mousewheel(function(event, delta) 

      this.scrollLeft -= (delta * 30);

      event.preventDefault();

   );

);

Ver demostración:

Scroll Page Horizontally With Mouse Wheel

Aquí tienes las reseñas y valoraciones

Recuerda que te damos el privilegio glosar si diste con la respuesta.

---

---

Utiliza Nuestro Buscador