jscrollpane添加水平鼠标滚轮

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 都没有滚动条了。

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

有什么想法吗？

谢谢！

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