Как сделать так, чтобы смещение имени тега ancor при ссылке на другую страницу?

Question

У меня есть несколько страниц на сайте Wordpress, на которых есть теги привязки имен, которые при щелчке изначально покрываются фиксированным / закрепленным заголовком. Я использую некоторые CSS, которые это исправляют, но кажется, что они работают только при линковке внутри указанных страниц c.

Вот код, который я сейчас использую:

a[name] {
  padding-top: 178px;
  margin-top: -178px;
  display: block;
}

Буду признателен за любые мысли!

Answer 1

Теперь у нас есть scroll-margin для обработки таких вещей.

С CSS -Трюки :

поле прокрутки используется для настройки области привязки элемента (поле, определяющее, где будет привязан элемент). Добавление поля прокрутки полезно, когда вам нужно дать пространство элемента от края контейнера, когда оно зафиксировано, но допускает ситуации, когда каждому элементу может потребоваться немного другое расстояние.