1

この水平jscrollpaneを画像で作成しました。セレクター：.scroll-pane 同じページで複数のスクロール。

これは私がそれを呼ぶ方法です：$('.scroll-pane').jScrollPane();

ここで、水平方向のマウスホイールを追加したいので（つまり、水平方向のスクロールを使用して水平方向にスクロールするには、Macパッド、または水平方向のスクロールを備えたマウス）、次のようにします。

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

うまく機能しますが、最初のセレクターと残りのすべてのdivにはスクロールバーがありません。

それぞれのようなものを追加できますか？

何か案は？

ありがとう！

4

1 に答える 1

2

実用的なソリューションを見つけ、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;
    } 
); 
});
于 2012-12-13T20:40:32.993 に答える