javascript - マウスホイールを使用してページをスクロールするときに、スクロール可能な要素をスクロールしないようにする

Question

マウスホイールを使用してページをスクロールするときに、スクロール可能な要素 (テキストエリア、スクロールバー付きの div など) をスクロールしないようにするにはどうすればよいですか?

マウス ホイールを使用してページを上から下に垂直にスクロールする場合、マウス カーソルの下で表示されるスクロール可能な要素を無視したいと考えています。

ページをスクロールするのではなく、要素の上にカーソルを置いてスクロールホイールを使用するだけで、「スクロール可能な要素」をスクロールしたいのです。

Answer 1

プラグインjquery-mousewheel(ここから入手) を使用して、次のようにしてみてください。

$('.scrollable').mousewheel(function(e) {
   return false;
}

scrollable上記のスクロール可能なアイテムにクラスを追加する場所。