jQuery Mousewheel Scroll Horizontally

Question

I\'m currently developing a horizontally website that can enable my mouse scroll to scroll to the left and right...

My jQuery included sequence:

<         


        

Answer 1

To scroll website horizontally please follow below code:

Attached mouse wheel event to body:

$(function() {

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

      this.scrollLeft -= (delta * 30);

      event.preventDefault();

   });

});

See demo:

http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/