ホームページ作成時、インラインフレームを使うと結構便利にサイト構成ができるので良く使いますが、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>
<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>
FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 overflow:auto SRC=”http://www.yahoo.co.jp/” SCROLLING=”on” TITLE=””テスト>*</IFRAME>
非常に簡単です。
なお、動作は保証するのではありません。
追記
その後、他の方から連絡いただき、スマホで一度は問題なくできたけど、その後またスクロールしなくなったと連絡頂きました。自分のアンドロスマホで確認すると問題なくスクロールしているのですが、利用する機種などの環境によって違うのかも知れませんね。