イタリックテキスト### 前提・実現したいこと
PCウェブサイトでiframeを設置しています。
iPhoneでPCウェブサイトを見た時に、PCと同様にiPhoneでも、iframeのスクロールをさせたいんです。
htmlファイルはPCとiPhone共有で、cssはPC(MSIE,Firefox,Safari,Opera)用とiPhone用,android用に別ファイルにしています。
iPhoneではiframeが下に崩れてスクロールもできませんでしたが、以下のソースでiframe崩れは修正できました。 スクロールが、できません。 androidではPCと同様にスクロールができます。
該当のソースコード
html
1html/ 2<div id="wood_sintyaku"> 3<iframe width="580" height="250" marginwidth="2" marginheight="2" src="wood_sintyaku.html" frame border="1" scrolling="auto"> 4</iframe> 5</div> 6 7css/ 8#wood_sintyaku { position: absolute; 9 top: 1152px; 10 left: 220px; 11 overflow: auto; 12 width: 580px; 13 height: 250px; 14} 15 16#wood_sintyaku iframe { width: 570px; 17 height: 250px; 18}
試したこと
htmlで、
<div class="wood_sintyaku"> <iframe width="580" height="250" marginwidth="2" marginheight="2" src="wood_sintyaku.html" frame border="1" scrolling="auto"> </iframe> </div>cssで、
div.wood_sintyaku { position: absolute;
top: 1152px;
left: 220px;
overflow: auto;
width: 580px;
height: 250px;
overflow: auto;
-webkit-overflow-scrolling:touch;
}
div.wood_sintyaku iframe { width: 570px;
height: 250px;
}
PCではiframeが崩れウェブページの左上に移動してしまい、iPhoneではiframeスクロールはできるようになりましたが、フレーム自体も指で移動してしまいます。
補足情報(FW/ツールのバージョンなど)
あなたの回答
tips
プレビュー