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

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

問題

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

解決策

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

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

Cordingカテゴリの最新記事