みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

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

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>

投稿日時 - 2007-09-18 00:57:02

QNo.3354703

困ってます

質問者が選んだベストアンサー

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">
<!--中身が無いんでpositionで位置決めしてるけど、内容が入ればAnchorIDだけで良い。-->
<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で止まる位置がずれる。

投稿日時 - 2007-09-21 00:17:47

お礼

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

投稿日時 - 2007-09-24 23:00:02

ANo.2

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

一部のブラウザはフレーム内だけスクロールしますが、
そういう仕様のブラウザはHTMLだけではたぶん無理です。
JavaScriptを使えば何とかなるかも知れません。

http://chaichan.web.infoseek.co.jp/qanda/qa7156.htm?07-09-03-23-03
こういう意味じゃなかったら済みません。

投稿日時 - 2007-09-18 07:16:38

お礼

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

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

投稿日時 - 2007-09-19 13:07:35

あなたにオススメの質問