▶インラインフレームIFRAMEがandroidスマホでスクロールしない対策(覚書)

ホームページ作成時、インラインフレームを使うと結構便利にサイト構成ができるので良く使いますが、androidスマホでみると、スクロールonあるいはautoにしてあってもスクロールしない。
iPhooneの場合は全部下まで出てしまいます。今回はその対策ではありません。
スタイルシートで設定すれば良いようですが、初心者はハードルが高い。
試したが結果これが一番簡単だったので覚書として投稿。
 —
結論は overflow:auto 追加するだけ。
自分のところのandroidスマホでで試験しただけなので、他機種でもうまくいくかの検証はしてありません。
 ***
サンプル、これは今までのもの
<IFRAME STYLE=”width: 771px; height: 180px; padding:0px;” NAME=”main”
FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SRC=”http://www.yahoo.co.jp/” SCROLLING=”on”  TITLE=””テスト>*</IFRAME>
 —
サンプルこちらがandroidスマホででスクロールできるもの
<IFRAME STYLE=”width: 771px; height: 180px; padding:0px;” NAME=”main”
FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 overflow:auto SRC=”http://www.yahoo.co.jp/” SCROLLING=”on”  TITLE=””テスト>*</IFRAME>
非常に簡単です。
なお、動作は保証するのではありません。
追記
その後、他の方から連絡いただき、スマホで一度は問題なくできたけど、その後またスクロールしなくなったと連絡頂きました。自分のアンドロスマホで確認すると問題なくスクロールしているのですが、利用する機種などの環境によって違うのかも知れませんね。
 




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください