jquery - divのスクロール中にページスクロールを無効にする方法

Question

皆さん、こんにちは。

ユーザーが div (黒い正方形のスクロールバー) をスクロールしているときに、ページのスクロールを無効にすると問題が発生します。ユーザーのマウスがスクロール div (内部に画像がある) 内にある場合、ページのスクロールを無効にする必要があります。

オーバーフローを設定してみました: hidden; 本文に追加しますが、うまく機能しません（ページのスクロールバーが灰色/無効になるため）。

ブロック内のカスタム スクロールバーに jScrollPane を使用します。

Answer 1

それがあなたの解決策になるかどうかはわかりません（とにかく、あなたの問題は今では古いです）が、これを試すことができます：divの最大スクロールに達するとページスクロールが発生します。私の解決策は、divがこの最大スクロールに決して到達しないようにすることです。

$(".scrollable").scroll(function(){
    var maxScrollTop = $(this)[0].scrollHeight - $(this).outerHeight();
    if($(this).scrollTop() == maxScrollTop){
        $(this).scrollTop(maxScrollTop - 1);
    }
});

このトリックは私にとってはうまくいきます。