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

Question

[Elon]

Высота хеадера 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'
        })
    })
}

Answer 1

[Юрий]

Можно просто добавить якорю position: relative и top: -100px через CSS.

Comments

[Elon]

Юрий, вы просто красавец! Спасибо)