平滑水平滚动绑定到鼠标滚轮

Question

下面是带有鼠标滚轮的水平滚动的工作示例,但它不能像Firefox或Opera中的普通垂直滚动一样平滑滚动.

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

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

我做了现场演示,向您展示它是如何发生的. http://jsfiddle.net/Dw4Aj/

我希望这个滚动像垂直滚动一样工作.两者都有鼠标滚轮和光滑度.有人能帮我吗？

Answer 1

我要把这个留在这里。

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

});