iframeで読み込んだページへのページ内リンク

質問

iframeを使ったページで、読み込んだページへのページ内リンクを
親ページから飛ばしたいのですが
InterExprolerでしかリンクが効きません。

もともと無理な事なのかもしれませんが、InternetExprolerならなぜか効きますし、Firefoxや他のブラウザでも対応できる方法はないでしょうか？

ページの構成上、どうしてもiframeで読み込む方法しかありません。
下記URLの用な感じの状態です、方法を御存知の方、ご教授頂けると助かります。

▼親ページ
http://ausdruck.flier.jp/test/iframe.html
▼読み込みページ
http://ausdruck.flier.jp/test/include.html

回答No.4

n_a_o_11 · ベストアンサー

今の状態では、Firefoxの動きが正解で、
他がおかしいんだけれど。
iframeの高さが1800pxで
中のincludeの長さが1800pxだから、
余裕が無いので上がって来られない。
これだと、スクロールすればいいだけで
iframeにする意味が無いんじゃない。
iframeの高さを小さくするか、
includeの長さを倍位にすれば動作する。
IEでクリックすると、
1,2,3まではwindowのtopへ来るけれども、
4は途中までしか上がらないので分かるはず。
iframe等のアンカーにジャンプすると、
アンカーがiframeごとwindowのtopへ来るのは
ブラウザの仕様ということらしい。
其の位置のままでiframeのtopに
アンカーが来るようにするには、
iframe内をスクロールさせれば良い。

お礼

ありがとうございました、試してみたらできました。

こんな方法があったんですね！すごいです！

回答No.3

OrangeCup150

>InterExprolerでしかリンクが効きません。
IE9 を使っていますが、リンクは無効です。リンクが使えたというのは古いIEのバグと思います。

がんばるな日本！さんのように、フレームに名前をつけて、リンク側はターゲット指定すればいいと思います。

回答No.2

4017B

え～っと、とりあえずですね…

━ ココから ━━━━━━━━━━━━━━━━━━━━━━━━
<h1>親ページ</h1>

<ul>
<li><a href="./include.html#test1" target="main">ページ内リンク1</a></li>
<li><a href="./include.html#test2" target="main">ページ内リンク2</a></li>
<li><a href="./include.html#test3" target="main">ページ内リンク3</a></li>
<li><a href="./include.html#test4" target="main">ページ内リンク4</a></li>
</ul>

<div>
<iframe frameborder="0" src="./include.html" width="550" height="300" name="main"></iframe>
</div>
━ ココまで ━━━━━━━━━━━━━━━━━━━━━━━━

～上記の様な感じに親ページのHTMLを書き直せば、何となくそんな感じに動作するかな？

もっとより滑らかな動作を期待するんだったら、HTMLだけだとちょっと無理かも…。JavaScriptで何とかするしかないと思うけど、具体的にどんなページを作りたいのかは自分には分らないので。ここから先は自己責任というか、自力でお願いします！

お礼

ありがとうございました、こちらの方法もあわせて必要でした。
読み込みページの高さも調整すればできるようになりました。

補足

ご回答ありがとうございます、上記の方法で試してみたのですがやはりFirefoxでは効きませんでした。

回答No.1

ORUKA1951

IEで飛ぶのはおかしい・・
あくまで、ファイル名から書かないとだめ