解決したいこと: ボタンを押すと画面いっぱいにDIV要素が描画され、その間,裏にあるbody,htmlのDOMが選択されたりスクロールされないようにしたい。(モバイル用WEB)
現在できていること:DIVをオーバーレイさせるところまではできたのですが、スクロールする際に裏にあるbodyタグもスクロールされてしまう。
調べたこと:
- 方法1:DIVがオーバレイしている間、body,html タグにフォーカスを外すスクリプトをバインドする。
javacript
1$(body).focus(function(){ 2 $(this).blur(); 3});
- 結果:効果なし
- 方法2: DIVがオーバレイしている間、html,bodyタグに(height=100%,overflow=hidden)を適用する。
- 結果: ページは固定されるのだが、iphoneでのタッチのスクロール(最後までスクロールしてバネのようにビヨーンと反動する)がまだあるので、操作上問題がある。
どなたか違う方法を教示していただけませんか。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。