Webページ作成の際に、固定ヘッダの下へのリンク

質問

Web作成初心者（ド素人）です。

今、Webページを固定ヘッダーを使って作成しているのですが、固定ヘッダにあるリンク元からリンクをクリックした際に、固定ヘッダの下部分にリンクをしたいと思っています。

図のように、固定ヘッダの「(1)」のリンクをクリックすると、画面下部のみ「(1)」の画像が表示されるページへ遷移し、「(2)」のリンクをクリックすると、画面下部のみ「(2)」の画像が表示されるページへ遷移をさせたいです。

固定ヘッダにそのままリンクを書くと、当然ではありますがブラウザの全体ページとしてリンク先の画像があるページへ移動してしまいます。

固定ヘッダ部分は何も遷移せずに、下部分のみ変更させたいです。

すいませんが、ご教授をお願いできませんでしょうか。
よろしくお願いいたします。

回答No.2

t_ohta

簡単なのはiframeを使った実装です。
モダンなやり方と言う事であればJavaScriptを使ってコンテンツエリアを書き換えるという実装でしょうね。
どちらもよく使われる手法ですから、検索すると実装例がいっぱい出てきますし、JavaScriptをつかった方法はフレームワークも沢山あるので、うまく使えばそんなに難しくはありません。

回答No.1

AsarKingChang

質問者さんのスキルがわからないので、
なんともですが、
古いやり方では、iframeで、
今風にやるなら、Jqueryなどで、自己書き換えですね。
どちらが好みかにもよりますが。