• 締切済み

id タグによるアンカー設定の際、ジャンプ場所を高度にコントロールする方法

id タグを使って設定されたアンカーへジャンプする際、 通常は「ブラウザの画面の一番上」に設定ポイント持ってくる形でジャンプしますよね。 ところが、たとえば、ページ上部にナビゲーションバーなどを「position : fixed」といった形で固定して配置している場合、 「ブラウザ画面の上部」にジャンプされると、ナビゲーションバーの下に隠れてしまいます。 この場合、ジャンプ先の基準地を「ブラウザの画面の一番上」ではなく、 ナビゲーションバーのぶんだけ下にずらす必要が出てきます。 そこで質問ですが、このような場合について、なにかよいアイデアや 解決策を教えていただけませんでしょうか。よろしくお願いします。

みんなの回答

noname#39970
noname#39970
回答No.2

padding とか 最初の要素の margin の方が良いかもしれない・・・

andansite
質問者

お礼

「属性」でしたね、ご指摘ありがとうございます。ただご教示いただいた方法はページ余白に関する設定で、ジャンプ先の基準地になんら影響を及ぼすものではありません。残念ながら。

noname#39970
noname#39970
回答No.1

idタグ? id属性ではなく? body { margin-top : 2em } 数値はナビゲーションバーの分以上、好きなだけ

関連するQ&A