HTML上でマウスホイールを無効にし、jqueryを使用して特定のdivを除外します

Question

HTML上でマウスホイールを無効にし、このルールから特定の要素を除外します。

$('html').bind("mousewheel, touchmove", function(e) { 
    e.stopPropagation(); 
    return false; 
}); 

$('.exclude').unbind("mousewheel, touchmove"); 

マウスホイールは、いずれかのexclude要素では動作しません：

私は、次のコードを使用しています。

Answer 1

はアンバインド（）メソッドは、バージョン3.0で非推奨されたこの

$(".exclude").off("mousewheel, touchmove"); 

同様

のjQueryのoff()方法を使用してみてください。代わりにoff（）メソッドを使用してください。次のコードで

Answer 2

あなたは、ドキュメント

window.onwheel = e => e.preventDefault = false; 

上でマウスホイールを無効にすることができますが、私はホイールに唯一の子要素を許可することは不可能だと思います。

は、CSSにあなたが

をスクロールすることができます要素のための

overflow:hidden; 

と

overflow:auto; 

を使用してみてください