Ako zabrániť tomu, aby sa odkazy na kotvy posúvali za lepkavou hlavičkou pomocou jedného riadku CSS

Ako zabrániť tomu, aby sa odkazy na kotvy posúvali za lepkavou hlavičkou pomocou jedného riadku CSS

// src/scss/navigation.scss

$sticky-breakpoint: 32em;

// 1. Approximate height of sticky navigation.
[id] {
  @media (min-height: $sticky-breakpoint) {
    scroll-margin-top: 100px; // 1
  }
}

.navigation {
  // ...

  @media (min-height: $sticky-breakpoint) {
    position: sticky;
    top: 0;
  }
}