2016-12-16 4 views
0

divコンテナに垂直スクロールバーを持つ単純なHTMLページがあるとします。全体のページには、垂直スクロールバーが含まれていますホイールイベントで移動されたスクロールバーを検出

scrollbars

私は、本体のスクロールバーの機能を無効にしたいと思います(それがあるとして、それは見えるはず)、ユーザーが唯一のコンテナのコンテンツをスクロールすることができます。

スクロールを無効にする唯一のオプションは、wheelイベントをキャッチし、preventDefaultを呼び出すことです。ただし、すべてのスクロールバーを無効にします。

イベント(コンテナまたはグローバル)の影響を受けるスクロールを取得し、条件付きでpreventDefaultメソッドを呼び出すことはできますか?

答えて

2

以下の溶液はjQueryの中で書かれているが、それは同様にプレーンなJavascriptの同等のコードで行うことができます

$(document).on('DOMMouseScroll mousewheel', context, function(ev) { 
    //Do some stuff 
    ev.stopPropagation(); //Prevents ancestors of context of handling the event 
}); 
関連する問題