huziuk
@huziuk
Web Developer

Как сделать скролл к якорю с отступом вверх на чистом JS?

Высота хеадера 100px. При скролле к якорю хеадер с position: fixed; закрывает заголовки секции. Нужно сделать так, что бы при скролле учитывалась и высота хеадера в 100px.

const anchors = document.querySelectorAll('a[href*="#"]');

for (let anchor of anchors){
    anchor.addEventListener('click', function(event){
        event.preventDefault();
        const blockID = anchor.getAttribute('href');
        document.querySelector('' + blockID).scrollIntoView({
            behavior: 'smooth',
            block: 'start'
        })
    })
}
  • Вопрос задан
  • 70 просмотров
Решения вопроса 1
@cheeroque
Можно просто добавить якорю position: relative и top: -100px через CSS.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы