как отслеживать скролл js

Для отслеживания скролла на странице в JavaScript можно использовать событие scroll.

Пример:

window.addEventListener('scroll', function () {
  // код, который будет выполняться при скролле
});

В этом примере мы добавляем обработчик события scroll на объект window. Когда пользователь прокручивает страницу, функция, переданная в качестве аргумента, будет вызываться.

Внутри функции можно получить текущее положение скролла с помощью свойства window.scrollY (или window.pageYOffset для более старых браузеров):

window.addEventListener('scroll', function () {
  const scrollPosition = window.scrollY;
  console.log(scrollPosition);
});

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

Также можно использовать свойство document.documentElement.scrollTop для получения положения скролла относительно верхней границы документа:

window.addEventListener('scroll', function () {
  const scrollPosition = document.documentElement.scrollTop;
  console.log(scrollPosition);
});

Этот код будет работать во всех браузерах, включая старые версии Internet Explorer.