ヘッダー固定サイトのページ内リンクをCSSのみで解決するソリューション

scroll-padding-topを使用する。

html {
  scroll-padding-top: 100px; /* 固定ヘッダの高さ分 */
}
@media all and (-ms-high-contrast: none) { /* IEのみ古い方法 */
  *[id^='page-link-'] {
    padding-top: 100px;
    margin-top: -100px;
  }
}