Как сделать переход на якорь выше на 40 пикселей?

Question

[partyzanx]

Есть такой скрипт, но экран неприятно дёргается, есть ли аналог (попроще и чтобы экран не дёргался), при клике по ссылке происходит моментальный переход на якорь, но выше 40 пикселей от якоря?

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

Answer 1

[Юрий Есин]

Добавьте вашему блоку CSS-свойство transition для того, чтобы переходы между значениями интерполировались и визуально всё выглядело плавно. Например:
transition: all 350ms ease-in-out;

Comments

[partyzanx]

мне плавность не нужна, спасибо

[Юрий Есин]

partyzanx, но вы же сами в своем вопросе указали чтобы было без рывков

но экран неприятно дёргается, есть ли аналог

[partyzanx]

Юрий Есин, я просто ищу аналог, чтобы резко переключал и не дёргался

[Юрий Есин]

partyzanx, https://jsfiddle.net/0Lfz6w82/