【问题标题】:jscrollpane adding horizontal mouse wheeljscrollpane添加水平鼠标滚轮
【发布时间】:2014-03-19 12:42:21
【问题描述】:

用图像制作了这个水平的 jscrollpane。 选择器:.scroll-pane 同一页面上的多个滚动条。

这就是我的称呼:$('.scroll-pane').jScrollPane();

现在我想给它添加一个水平鼠标滚轮(所以,要水平滚动,通过使用水平滚动 - mac pad,或带有水平滚动的鼠标),所以我做了这个:

var api = element.data('jsp');
element.bind(
  'mousewheel',
  function (event, delta, deltaX, deltaY)
  {
   api.scrollByX(delta);
     return false;
 }
);

它工作得很好,但只是对于第一个选择器 + 所有其余的 div 都没有滚动条了。

我可以添加类似 each 的东西吗?

有什么想法吗?

谢谢!

【问题讨论】:

    标签: jquery jscrollpane horizontal-scrolling jquery-jscrollpane


    【解决方案1】:

    找到了可行的解决方案并在 moz 和 chrome 中进行了测试

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

    【讨论】:

    • 为什么scrollByY,什么时候scrollByX? =)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-07-20
    • 2011-12-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-02-25
    相关资源
    最近更新 更多