Javascript смещение прокрутки

Question

Я хочу получать смещение страницы при каждой прокрутке. Я пытался console.log(window.pageYOffset). Но мне нужно что-то вроде кнопки, чтобы утешить это. Как он может поддерживать смещение страницы при каждой прокрутке?

Answer 1

Это очень просто. Вы знаете, как получить смещение прокрутки, вам просто нужно повторять его каждый раз при прокрутке.

К счастью, у нас есть событие с именем scroll, которое делает именно то, что вы ожидаете от его имени.

Добавьте слушателя, который регистрирует pageYOffset:

 window.addEventListener('scroll', () => {
  console.log(window.pageYOffset)
})

<div style="height: 5000px; background-image:linear-gradient(to bottom, white, red)">Some content to scroll</div>