javascript - jscrollpane ブロックのスクロールの親

Question

子スクロールが最下部に達した場合でも、親ペインがスクロールしないように jscrollpne を作成できますか? 子のスクロールが親の一番下のスクロールに達すると発生します。マウスが子スクロールペインの外にある場合にのみ、親をスクロールさせたい。

Answer 1

あなたが説明する動作は設計によるものです。これは、overflow: auto を持つ要素でネイティブ ブラウザのスクロールバーがどのように動作するかです。変更することはお勧めしません。ただし、Borgenk の答えが正しい場合は、次のコードを使用できます。

$('.scroll-pane')
    .jScrollPane()
    .bind(
        'mousewheel',
        function(e)
        {
            e.preventDefault();
        }
    );

ここで例を参照してください (親がスクロールする必要があるように、ウィンドウを縮小する必要がある場合があります): http://jsfiddle.net/VYcDZ/51/

Answer 2

event.preventDefault()を使用できます

$('.selector').mousewheel(function(event) {
    event.preventDefault();
});

Answer 3

今夜この問題に遭遇しました...誰も答えを持っていなかったので、私はそれを書きました

var blockScrollTarget;    
$('.jscroll').mousewheel(blockScroll);
        ......
    function blockScroll(e) {
        blockScrollTarget = blockScrollTarget || $(e.currentTarget);
        var d = blockScrollTarget.data('jsp');
        if(d.getPercentScrolledY() == 1 || d.getPercentScrolledY() == 0) {
          return true;
        }
        if(d.getIsScrollableV()) {
          e.preventDefault();
        }
      }