質問: プルダウンメニューの最下部までスクロールしたら それ以上下へはスクロールできないよう画面を固定したいのですが、何か良い方法はありますでしょうか?? 都合上、コードの公開などはできないため、以下がイメージになります。 SPビュー ーーー/ヘッダーーーー ーーーメインーーーー 【hoge】 ーー-/メイン-ーーー ーーーフッターーーー 挙動 hogeをクリックすると、 display:noneにしていた プルダウンメニューが出現する。 再度質問を整理すると hogeをクリックしてプルダウンメニューが展開した時、現状だとbody最下部までスクロールが可能ですが、これをプルダウンの高さ分だけスクロールを許容して、メニューの高さ以上下にはスクロールできないようにしたいです。 Jsでメニューの高さを取得してそれ以上下へスクロールしたときはスクロール禁止にすれば...!とも思ったのですが、 absoluteで浮かせているためかうまくいかず?でした わかりにくい点あるかもしれませんが、よろしくお願いいたします。
回答: Android端末だと、 プルダウン時に`body`と`html`に`overflow: hidden;`を付与することでスクロールすることを防げます。 プルダウンメニュー内のスクロールは高さを取得してあげる必要は無く、`overflow-y: auto;`でスクロールすることが可能になります。 ただ前述の方法だとIOS端末だとスクロールを防ぐことができません。 IOS端末での背景固定はここのサイトが参考になるかもしれません。 あまりお力添えできなくて申し訳ないです。