モーダルウィンドウを全画面で表示させ、
収まりきらずはみ出てしまった文章はoverflow-y:auto;でスクロールさせようと考えています。
HTML
1<body> 2<div>元々のコンテンツたち</div> 3<div>元々のコンテンツたち</div> 4<div>元々のコンテンツたち</div> 5<div class="modal">モーダルで表示させる文章</div> 6</body>
CSS
1.modal{ 2position:fixed; 3width:100%; 4height:100%; 5top:0px; 6overflow-y:auto; 7}
Androidでは、
$("html,body").css({"overflow":"hidden"});
で元々のコンテンツはスクロール不可になり、モーダルの文章のみスクロールが可能となりました。
iPhoneでは、
$("html,body").css({"overflow":"hidden","height":"100%"});
を指定すると、元々のコンテンツもモーダルの文章も全てスクロールが不可となりました。
【参考サイト】
iPhoneでは後どのような設定が必要となるのでしょうか。
ご教授お願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。