はてなブックマーク

やること あらゆるOSにおいて、スクロールがあるハンバーガーメニューを表示している間、背景のスクロールは動かないようにする。 まえおき 基本的に、スクロールさせるには overflow : scroll;、スクロールをしないようにするにはoverflow: hidden;を使うことが一般的。 アプリケーションのhtmlタグには初期値でoverflow : scroll;がついている。 そのため、わざわざoverflow : scroll;を当てなくてもスクロールできるようになっている。 ちなみに htmlタグにoverflow: hiddenをつけてみてください。ほとんどの場合、スクロールがを防げます。 このほとんどというのがどういうことか後ほどわかります。 実装前のCSSとJSのコード ハンバーガーメニューのCSS .humburger-menu { /*スクロールするようにする*/ o