JS как отследить скролл сверху у элемента?

Question

[linoa123]

чтобы работало как scrollintoview но я хочу еще немного пикселей сверху добавить поэтому мне это надо

Answer 1

[Aleksey Solovyev]

function scrollToElementWithOffset(element, offset = 0, behavior = 'smooth') {
    const elementTopPosition = element.getBoundingClientRect().top
    const offsetPosition = elementTopPosition + window.pageYOffset - offset
    
    window.scrollTo({
        top: offsetPosition,
        behavior,
    })
}

const targetElement = document.querySelector('#myElement');
scrollToElementWithOffset(targetElement, 100)

ps или можете добавить перед блоком, к которому нужно прокрутить, элемент div с необходимым отступом и затем использовать метод scrollIntoView для скрола к нему