Как сделать смещение при переходе по якорю?

Question

[partyzanx]

Хотел бы сделать скрипт, чтобы при переходе по якорю был отступ сверху 40пикселей

Comments

[hzzzzl]

h2, h3 {
      padding-top: 40px; 
      margin-top: -40px;
  }

https://stackoverflow.com/a/11842865

у них там стоит padding-top: 1em; так вот это чуть подкрутить тогда придется

например padding-top: calc(1em + 40px);

[partyzanx]

hzzzzl, а скриптово как решить вопрос?)

[hzzzzl]

partyzanx, ну, можно листенеры повесить на ссылки с таймаутом :D

document.querySelectorAll('li a')
  .forEach(li => 
    li.addEventListener('click', () => {
      setTimeout(() => {
        window.scrollBy(0, -40)
      }, 0)
    })
  )

[partyzanx]

hzzzzl, ну почти, при клике экран судорожно дёргается, есть аналог?

Answer 1

[nluparev]

partyzanx я правильно понимаю что нужно указать текущий активный путь?

Comments

[partyzanx]

например при клике на Developer Mode происходит быстрый переход на объект с айди Developer Mode, а нужно чтобы переход был на Developer Mode но немного выше на 40 пикселей

[nluparev]

partyzanx, через window.location нельзя попробовать определить какой сейчас текущий? если конечно переходы/изменения фиксируются в URL