リンクをiframeまでジャンプしてHPを表示

質問

ページ上部に外部リンクがいくつかってあって

ページの下部にiframe

ページ上部の外部リンクをクリックすると

ページ下部のiframeにウェブサイトが表示されて

ページ下部のiframeまでジャンプする用にしたいですが

何か方法はありますか！？

―――――――――――――――――――――――
｜　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
｜ ・Ｇmail
｜ ・Yahooメール　　　　　　　　 　　　　　 　　　　　　　　　　　　　　　　　　　　
｜ ・Twitter
｜ ・Facebook
｜ ・
｜ ・
｜ ・
｜ ・
｜ ・
｜ ・
｜ ・
　　　　　～～～～～～～～～～//～～～～～～～～～　　
｜ ・
｜ ・
｜ ・
｜ ・
｜ 　―――――――――――――――――――――
｜ ｜ (iframe) 　
｜ ｜
｜ ｜
｜ ｜
｜ ｜
｜ 　―――――――――――――――――――――
｜
　――――――――――――――――――――――

回答No.2

noname#206842

アンカーを設ければできます。
iframeの部分に、id（またはname）を設ける。たとえば<iframe id="frame_name">としておきます。
この部分に、リンクをかけるため、下記の記述が必要です。

同じHTML内であれば
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
<a href="#frame_name">iframeへ</a>

他のHTML内であれば
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
<a href="hogehoge.html#frame_name">iframeへ</a>

と記述すればできます。
なお、古いブラウザを支援するためname要素を使う場合もありますが、idで指定する方が正しい方法です。

お礼

回答ありがとうございます。

外部リンクをiframeで表示iframeまでジャンプ（移動）したい場合

下のようになるんですか！？

<a href="http://www.yahoo.co.jp/#frame_name">Yahooへ</a>

やってみたんですけどできなかったです。

何か間違ってますか！？

＞古いブラウザを支援するためname要素を使う場合もありますが、idで指定する方が正しい方法です。

勉強になります。

nameで要素使ってました、idに変えときます。

回答No.1

fujillin

よくわかりませんが・・・

＞ページ下部のiframeにウェブサイトが表示されて
　・リンク要素のtarget指定を利用
　・スクリプトでiframeのsrc属性を書き換える

＞ページ下部のiframeまでジャンプする用にしたいですが
　・リンク要素のページ内リンクを利用
　・スクリプトのscrollIntoView()を利用

いずれかの方法で対応できると思います。
（ほかにも方法はあると思いますが）

＜参考＞
https://developer.mozilla.org/ja/docs/DOM/element.scrollIntoView
http://msdn.microsoft.com/ja-jp/library/cc428162.aspx

お礼

回答ありがとうございます。

target指定、ページ内リンクを試してみて

できましたが。。。

ボタン一つでiframeにウェブサイト（外部リンク）表示＋

iframeまでジャンプ（移動）することはできますか？？？