jscrollpane 水平鼠标滚轮

Question

我未能成功让鼠标滚轮滚动水平 jscrollpane。有没有人有这方面的经验并可以提供一些指导。

在 js 文件的注释中，我看到几个月前的以下更新 // 2.0.0beta3 - (2010-08-27) 水平鼠标滚轮、mwheelIntent、键盘支持、错误修复

我查看了 github 问题页面、Kelvin 的常见问题解答和已知问题页面以及谷歌小组，没有什么让我认为这是不可能的。

如有任何帮助，我们将不胜感激。

Answer 1

您可以使用类似以下内容：

$('.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 更改为另一个值来更改滚动的速度和方向。

Answer 2

您需要确保您使用的是 2010 年 8 月 27 日之后发布的鼠标滚轮插件版本 - 对鼠标滚轮插件以及 jScrollPane 进行了更改以使其正常工作。在我的演示页面上，我使用的是 3.0.4：

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

如果这没有帮助，那么您可以在我的演示页面上确认水平滚动是否适合您。在我尝试过的所有具有能够水平滚轮运动的鼠标（或在 MacBook 触控板上）的浏览器中都会出现这种情况。

Answer 3

我使用了 Brandon Aaron 的鼠标滚轮检测插件：
http://brandonaaron.net/code/mousewheel/demos

它在 FF、Opera、 Safari、Chrome、IE8+。

Answer 4

我在 1.5 年前就使用过以下链接，它确实有效，如果您有任何疑问，请告诉我。

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

Answer 5

这在我的网站上完美运行。

尝试。

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