jquery - jscrollpane 水平鼠标滚轮

Question

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

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

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

任何帮助表示赞赏。

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