jquery - 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

Found the working solution and tested in 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;
    } 
); 
});