Question

用图像制作了这个水平的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都没有滚动条了。

我可以在其中添加每个之类的内容吗？

有什么想法吗？

谢谢！

Answer 1

找到工作解决方案并在moz＆amp; amp;和铬

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

jscrollpane添加水平鼠标滚轮

1 个答案: