質問: ``` ``` --- メニューOPEN時に背景を固定するにはどのようにすればいいでしょうか? よろしくお願いいたします。
回答: 画面スクロールを無効にするのは `body`に`overflow: hidden`で実現可能です ``` body { overflow: hidden; } ``` ボタン`click`で`body`に`class`切替えするのはどうですか? 追記 特に何も触ることなく 下記追加で背景スクロールは固定出来てます ``` body { overflow: hidden; } ``` 全コード貼っておきますね ``` sample MENU コンテンツ メニュー内容 メニュー内容 メニュー内容 メニュー内容 メニュー内容 メニュー内容 メニュー内容 メニュー内容 メニュー内容 メニュー内容 メニュー内容 メニュー内容 メニュー内容 メニュー内容 メニュー内容 メニュー内容 メニュー内容 メニュー内容 メニュー内容 メニュー内容 メニュー内容 閉じるボタン ``` やっぱり背景スクロールが固定できてないなら、 他に原因があるのかもですね 追記2 overflowでスクロールしてほしくないものには 「hidden」で スクロールしてほしいものには 「scroll」です どちらも子要素が親要素をはみ出した場合です 例えばウィンドウと同じで スクロールバーが出ない場合は、はみ出してないのだと思います