質問: モーダルが表示されている間、後ろにあるDOM(元のページ)のスクロールを固定し、選択されないようにしたいです。 上記と同じようなページを作ったところ、後ろの要素をスクロールさせないところまでは成功しました。 ただ、iphone6sで確認したところ、出てきたモーダルをスクロールできず、後ろの要素にタッチしているような現象が起きます。(上記リンクでも起きます)。常時起きるわけではなく、気まぐれに起きます。(例えば、モーダルを一番下までスクロールした後、一旦指を離し、もう一度スクロールしようとすると起きます。) 原因も解決方法も検討がつかず、困っています。
回答: iPhone7plus実機で問題が再現出来ませんでした。 ただ、考え方として参考までに。 すでに回答されているように、コンテンツとメニューは兄弟関係に置きます。 そして、モーダルメニューをfixedとして配置します。 ul要素にheightを指定(例えば100vh)し、overflowをscrollにすれば、ul.inner内のみのスクロールになります。 あとはJS側でコンテンツのtouchスクロールを禁止すればokです。 //fixed navigation1 navigation2 navigation3 navigation4 navigation5 navigation6 navigation7 navigation8 navigation9 navigation10