jquery - jscrollpane 水平マウスホイール

Question

マウスホイールで水平方向のjscrollpaneをスクロールできませんでした。誰もがこれを経験しており、いくつかの指針を提供できますか?

js ファイルのコメントに、ほんの数か月前の次の更新が表示されます // 2.0.0beta3 - (2010-08-27) 水平マウスホイール、mwheelIntent、キーボードサポート、バグ修正

githubの問題ページ、KelvinのFAQ、既知の問題ページ、およびGoogleグループを見てきましたが、これが可能であってはならないと私に思わせるものは何もありません.

任意の支援をいただければ幸いです。

score 11 · Accepted Answer

次のようなものを使用できます。

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

スクロールの速度と方向を変更するには、-50を別の値に変更します。

score 1 · Accepted Answer

2010-08-27以降にリリースされたバージョンのmousewheelプラグインを使用していることを確認する必要があります-動作させるために、mousewheelプラグインとjScrollPaneに変更が加えられました。私のデモページでは、3.0.4を使用しています。

http://jscrollpane.kelvinluck.com/script/jquery.mousewheel.js

それでも問題が解決しない場合は、デモページで水平スクロールが機能するかどうかを確認できますか。これは、私が試したすべてのブラウザで、水平方向のホイールモーションが可能なマウス（またはMacBookのトラックパッド上）を備えています。

score 0 · Accepted Answer

Brandon Aaronによるマウスホイール検出プラグインを使用しました：http：
//brandonaaron.net/code/mousewheel/demos

FF、Opera、Safari、Chrome、IE8+でうまく機能します。

score 0 · Accepted Answer

私は 1.5 年前に以下のリンクを使用しましたが、確かに機能しました。疑問がある場合はお知らせください。

http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

score -1 · Accepted Answer

これは私のサイトで完全に機能します。

試す。

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

jquery - jscrollpane 水平マウスホイール

5 に答える 5

Related

Reference