Как получить расстояние элемента до края браузера?

Как получить расстояние элемента, по отношению краю окна браузера при скроле. Пробую через getBoundingClientRect() но он показывает только один раз, а мне нужно что бы он отслеживал скрол, ставлю window.addEventListener("scroll",... но он все равно не работает так как нужно, что бы получить новые координаты нужно обновится.

На JS


Ответы (1 шт):

Автор решения: MidNightElf

Добавьте сверху и снизу <div id="elem">some text</div> много текста чтобы наглядно был виден скролл, и при скролле в консоль будут выводиться координаты #elem введите сюда описание изображения

window.addEventListener("scroll", function() {
  console.log(document.getElementById("elem").getBoundingClientRect());
})
<div id="elem">some text</div>

→ Ссылка