Cording

スマホ:iframeが全表示されてしまう

問題

個人情報保護方針などは、他のページからiframeで内容を引っ張ってきて
別サイト内に表示という場合が多いですが、
スマホ表示の際、高さ指定していたはずのiframeの内容が全表示されている時があります。
もしくはiframe内がスクロールできず、全く縦に動かない不具合もあります。

解決策

iframeをdivで囲みます。
そのdivには、下記スタイルを指定してください。

.iframeWrap{
   -webkit-overflow-scrolling: touch;
    overflow: auto;
}
URL
TBURL

Leave Comments

*
*
* (公開されません)

※日本語が含まれない投稿は送信できませんので、ご了承くださいませ。

Category List

Return Top