javascriptで、スマホのスクロールを制御する方法をご紹介します。 ハンバーガーメニューを開いたとき、画面のスクロールを停止する例を実装します。 ぼちぼち役立つ時があると思うので、頭の片隅に置いてみてください。 まずはデモをご覧ください。(スマートフォンで開いてください。PCだとイベントが発生しないので) removeEventListenerデモ 右上から展開するナビを開いている間はスクロールができません。 overflow:hiddenは間違い。たとえば、ハンバーガーメニューを開いたときに、body要素にclassをつけたりして「overflow: hidden;」すればいいんじゃね?と思いがちですが、これは誤りで、 iOSのsafariやAndroidのChromeだと普通にスクロールできてしまうので、大抵のケースで、開いたナビの下に隠れているコンテンツがスクロールされてしまう
![javascriptでスマホのスクロールをキャンセルする方法(と、再開する方法|ツーブロッカ](https://cdn-ak-scissors.b.st-hatena.com/image/square/6a1296dace022d852c953841ecaf1637c2f1592b/height=288;version=1;width=512/https%3A%2F%2Fsatohmsys.info%2Fwp-content%2Fuploads%2F2016%2F11%2Fstopscroll.jpg)