Vladimir Wood Vladimir Wood - 5 months ago 27
jQuery Question

Smooth horizontal scroll bound to mousewheel

Here is working example of horizontal scroll with mousewheel, but it do not scroll smoothly, like ordinary vertical scroll in Firefox or Opera.

$(function() {
$("html, body").mousewheel(function(event, delta) {
this.scrollLeft -= (delta * 30);
event.preventDefault();
});
});


( http://brandonaaron.net/code/mousewheel/docs )

I've made the live demo to show you how it's occur.
http://jsfiddle.net/Dw4Aj/

I want this scroll to work like the vertical one. Both with mousewheel and smoothness. Can someone help me?

Answer

I'm just going to leave this here.

http://jsfiddle.net/Dw4Aj/19/

jQuery(document).ready(function($) {
$("html, body").mousewheel(function(e, delta) { 
    $('html, body').stop().animate({scrollLeft: '-='+(150*delta)+'px' }, 200, 'easeOutQuint');
    e.preventDefault();
});

});