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

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

締切り済みの質問

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

Web作成初心者(ド素人)です。

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

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

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

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

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

投稿日時 - 2019-07-06 02:47:37

QNo.9632401

困ってます

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

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

回答(2)

ANo.2

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

投稿日時 - 2019-07-06 06:42:43

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

投稿日時 - 2019-07-06 03:16:24

あなたにオススメの質問