iPhoneでiframeのように表示したい

HPの新着情報にiframeを使っており、iPhoneで見るとiframeの中身が全て表示されてしまうことに気付きました。
タイトルの通り、iPhoneでiframeのようにテキストボックス枠を指定し、その枠内で表示・スクロールできるようにし、別ページで管理したいと思っています。
現在、iPhoneで自作のウェブサイトを閲覧した際に、iframeの中身が全て表示されてしまい、
サイトが伸びて表示されていることが分かったのですが、どう修正したら良いのか分からず悩んでいます。

ネットで調べて色々試しましたが、iframeは未対応ということばかりで、
代打案、修正方法はわかりませんでした。

新着情報を残しておきたいので別ファイルでの読み込みで考えています。
HTMLに直接書き込む方法などは拝見しましたが、【 http://jsdo.it/piayo/c2jr 】
それですと、HTMLが長くなってしまうので別ファイルでの読み込みが良いです。
スクロールバーが出なきゃダメ等のデザイン的なこだわりは特にありませんが、
(1)別ページでの管理、(2)中身が全て表示されないことでお願い致します。
PHPやジャバスクリプトはまだ理解不足なため、なるべく簡単な方法ですと嬉しいです。

私で方法が思いつきませんので、どなたか詳しい方がいましたら原因と解決策を教えて頂きたいです。
アドバイスお待ちしていますので、よろしくお願いします！

No.1 回答者： tkmojo 回答日時： 2013/08/08 11:11

こんな感じでいかがでしょう？

http://ambergris.hateblo.jp/entry/2012/09/25/112 …

他には、別ファイルとして管理していても、ページ表示時にはそれを合わせて表示するSSIという方法もあります。
http://www.tohoho-web.com/wwwssi.htm
※SSIはサーバーが対応している必要があります。

ただ、iPhoneだけなら何とかなるとは思いますが、
iframeにしてもoverflow:hidden;にしても、Androidは基本的にページ内スクロールには対応していないので
Androidをバッサリ切り捨てる事になります。

Androidにも対応した形で似たようなことをやるには、「スクロール」ではなく「フリック」に対応させた形で作るしかないですが、
これはjavascriptを使用する必要があります。
自分で作らなくても、そういうのを公開しているサイトがあるので探して使用するといいと思いますが、
文中のリンクが効かなかったり、PCでの操作性が変な感じになったりと、全てにおいて完璧なものは今はありません（多分）ので、多少自分が実現したい事に合わせて改造が必要になると思います。

こういう場合は、PCに合わせて表示させる方法を考えるよりも、
そもそも本当に別ファイルでいいのか、という所からページの運用方法を考えないといけません。

個人的には使いたい部分が新着情報のみで、別ページとしてアップしているなら、
RSSのフィードを生成し、それを読み込んで使用するのが一番スマートだと思いますけどね。
5件なら5件表示させて、続きは別のページに誘導する、と。
phpがわからないと厳しいかもしれませんが。

この回答へのお礼

アドバイスありがとうございました。

他の方法で成功させることができました。

お礼日時：2013/08/28 15:45