partyzanx
@partyzanx

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

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

document.querySelectorAll('li a')
  .forEach(li => 
    li.addEventListener('click', () => {
      setTimeout(() => {
        window.scrollBy(0, -40)
      }, 0)
    })
  )
  • Вопрос задан
  • 264 просмотра
Решения вопроса 1
Exomode
@Exomode
Архитектор ПО
Добавьте вашему блоку CSS-свойство transition для того, чтобы переходы между значениями интерполировались и визуально всё выглядело плавно. Например:
transition: all 350ms ease-in-out;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Sportrecs Москва
от 150 000 до 200 000 ₽
25 нояб. 2020, в 23:13
1000 руб./за проект
25 нояб. 2020, в 22:43
800 руб./в час
25 нояб. 2020, в 22:38
2000 руб./за проект