インラインフレームのみをスクロールさせるリンクの張り方

解決済

質問者：p_taro
質問日時：2007/09/18 00:57
回答数：2件

aaa.htmlページ内にインラインフレームでbbb.htmlというページを表示しています。

aaa.htmlのリンクから、bbb.html内の指定した箇所を自動スクロールさせ表示させたいのですが、aaa.html自体もスクロールしてしまって困っています。aaa.html自体はスクロールせず、インラインフレーム内のbbb.htmlだけスクロールさせたいのですが、どうしたらよいのでしょう。

現在の設定：
○aaa.html
<a href="bbb.html#ccc" target="inline">リンク</a>
<iframe src="bbb.html" name="inline"></iframe>
○bbb.html
<span id="ccc">ここを表示させたい</span>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

No.2ベストアンサー

回答者： N_A_O
回答日時：2007/09/21 00:17

iframe内をAnchorIDへscrollさせる。

○a.html
<a href="#top" target="inline" onclick="parent.inline.toScroll('top');return false;" onkeypress="parent.inline.toScroll('top');return false;">top</a>
<a href="#c" target="inline" onclick="parent.inline.toScroll('c');return false;" onkeypress="parent.inline.toScroll('c');return false;">c</a>
<a href="#d" target="inline" onclick="parent.inline.toScroll('d');return false;" onkeypress="parent.inline.toScroll('d');return false;">d</a>
<iframe src="b.html" id="inline" name="inline" style="position:absolute;top:50px;left:50px;width:600px;height:400px;"></iframe>

○b.html
<head><script type="text/javascript" src="./scroll.js"></script></head>
<body bgcolor="aaaaaa">

<A name="top" id="top">b.html</a>
<div style="position:absolute; top:400px; left:10px; z-index:0;width:400px">
<A name="c" id="c">c</a>
</div>
<div style="position:absolute; top:800px; left:10px; z-index:0;width:400px">
<A name="d" id="d">d</a>
</div>
<div style="position:absolute;top:1200px; left:10px; z-index:0;">end</div>

○scroll.js
//http://oshiete1.goo.ne.jp/kotaeru.php3?q=1556067のANo.2のscriptをコピー。
//註　UPとDOWNで止まる位置がずれる。

- 0
- 件

通報する

この回答へのお礼

ありがとうございます！
これがやりたかったんです！！助かりました！！

通報する

お礼日時：2007/09/24 23:00

No.1

回答者： taloo
回答日時：2007/09/18 07:16

一部のブラウザはフレーム内だけスクロールしますが、

そういう仕様のブラウザはHTMLだけではたぶん無理です。
JavaScriptを使えば何とかなるかも知れません。

http://chaichan.web.infoseek.co.jp/qanda/qa7156. …
こういう意味じゃなかったら済みません。

- 0
- 件

通報する

この回答へのお礼

こういう意味です！
ありがとうございます。

JavaScriptがやはり必要なんですね…
JavaScriptは不勉強のためよく分からないのです。
よってこのページの解説もあまり理解できませんでした…
自分でも頑張って調べてみますが、もっと分かりやすく解説されているページなどありましたら、引き続きご回答くださると非常に助かりますm(_ _)m

通報する

お礼日時：2007/09/19 13:07

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！