IFrame内部で名前付きリンク（アンカー）を使用すると勝手にスクロールする

解決済

質問者：mozomozo123
質問日時：2006/10/13 03:04
回答数：1件

口で説明するのは面倒くさいので以下に例を作りました。

－t1.html－
<html>
<a href="t2.html#b" target="ifmain">t2-b</a> 
<a href="t2.html#c" target="ifmain">t2-c</a> 
<a href="t3.html#b" target="ifmain">t3-b</a> 
<a href="t3.html#c" target="ifmain">t3-c</a> 
<iframe name="ifmain" src="t2.html" height="400" width="300"></iframe>
1 2 3 4 5 6 7 8 9 10 
1 2 3 4 5 6 7 8 9 10 
1 2 3 4 5 6 7 8 9 10 
1 2 3 4 5 6 7 8 9 10 
1 2 3 4 5 6 7 8 9 10 
1 2 3 4 5 6 7 8 9 10 
</html>

－t2.html、t3.html－
<html>
<table>
<tr><td height="300"><a name="a">a</a></td></tr>
<tr><td height="300"><a name="b">b</a></td></tr>
<tr><td height="300"><a name="c">c</a></td></tr>
</table>
</html>

t1.htmlを実行して頂ければわかるのですが、
t1からIFrame内部にアンカーで移動させる場合、
IFrame内部のスクロールが、なぜか呼び出し元
（windowオブジェクトで言えば、topとかparentの方）が
なぜか移動してしまいます。
呼び出し元のリンクに
onclick="ifmain.location.href=this.href;top.scrollTo(0,0);return false;"
というようなものを組み込んでもうまく動作しません。
（IE、FireFox両方共に）

なんとか回避する術はないでしょうか？
IFrame内部だけ移動すれば十分ですので。

通報する

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

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： talepanda
回答日時：2006/10/15 00:18

もっとシンプルな方法があるのかもしれませんが、javascriptで強引に。

一瞬画面が移動するのがいやな感じです。

<html>
<div style="height:300px"></div>
<a href="javascript:void(0);" onclick="var t=document.getElementsByTagName('body')[0].scrollTop;document.getElementById('orz').src='t2.html#b';document.getElementsByTagName('body')[0].scrollTop=t;">t2-b</a> 
<iframe id="orz" name="ifmain" src="t2.html" height="400" width="300"></iframe>
<div style="height:1200px"></div>
</html>