Javascriptでスクロールを一時的に禁止する方法（PC・スマホ対応） | ARAKAZE NOTEPhoto by フリー写真素材ぱくたそ 今回紹介するのはJSでスクロールを一時的に禁止する方法です。 以外と使う機会多いんですよね。 「このライトボックスを開いた際はページのスクロールは止めたい…」 「このスマホサイト、このメニューを開いた場合はスクロールされないようにしたい」 「または、全体はスクロール禁止で指定オブジェクトのみスクロールさせたい」 制作しているとこんな要望を聞くことがたまにあります。 やり方忘れた頃にぽろぽろと出現するのでメモしておこうと思います。 ちなみに生のJSで書くのは手間なのでjQueryは使います。 スクロールイベントを取得して何もしなければいい やり方は単純で、mousewheelやtouchmoveとかに”何もしないイベント”を追加すればいいのです。 PCは色々あるマウスホイールイベントをまとめて指定、スマホの方はtouchmoveにスクロール禁止のイベ
