kdcsライブラリー

#hogeなど要素にidを付けて、その位置までスクロールさせたり別ページからリンクで移動させたりする場合、ページ上部に固定ヘッダーメニューなどがあると重なってしまい#hoge位置が隠れてしまう。

cssの「scroll-margin-top」を使うと#hogeの上にマージンが取れるので、ヘッダーメニュー分以上の縦幅をしていすれば重ならずに済む。
※古いブラウザ向けに代替の記述も併せて指定する

#hoge {
    scroll-margin-top: 50px;
    position: relative;
}
/* フォールバック用（古いブラウザ向け） */
#hoge::before {
  content: "";
  display: block;
  height: 50px;       /* ヘッダーの高さ分 */
  margin-top: -50px;  /* 上にずらす */
  visibility: hidden;
}