jscrollpane水平鼠标滚轮

您需要确保使用的是2010-08-27之后发布的mouseweel插件版本-对mouseweel插件和jScrollPane进行了更改以使其正常工作。在我的演示页面上,我使用的是3.0.4:

http://jscrollpane.kelvinluck.com/script/jquery.mousewheel.js

如果这没有帮助,那么你能确认水平滚动是否适合你在我的演示页面。在我尝试过的所有浏览器中都是这样的,它们都有一个能够水平方向盘移动的鼠标(或者在macbook的轨迹板上)。

你可以用这样的东西:

$('.scroller').each(function(){
    var scrollPane = $(this).jScrollPane();
    var api = scrollPane.data('jsp'); 
    scrollPane.bind( 
        'mousewheel',
        function (event, delta, deltaX, deltaY) 
        { 
            api.scrollByX(delta*-50);
            return false;
        } 
    ); 
});

将-50更改为另一个值以更改滚动的速度和方向。

http://brandonaaron.net/code/mousewheel/demos

它在FF、Opera、Safari、Chrome、IE8+上运行良好。

我已经使用了下面的链接1.5是耳朵回来,这是肯定的工作,请让我知道如果你有任何疑问。

http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

尝试。

jQuery(function($) {
    $('div.scroll-pane')
        .bind('mousewheel', function(event) {
           var scrollPane = $(this).jScrollPane();
           var api = scrollPane.data('jsp'); 
           scrollPane.bind( 'mousewheel',function (event, delta, deltaX, deltaY) 
        { 
            api.scrollByX(delta*-50);
            return false;
        } 
         ); 
        });
});