ScrollTop JS: Easy way to handle scroll position in JavaScript

scrolltop в JavaScript - это свойство объекта window, которое возвращает текущую позицию прокрутки вертикальной оси страницы.

Пример использования scrolltop выглядит следующим образом:

javascript
// Получаем значение текущей позиции прокрутки вертикальной оси страницы
const scrollTopValue = window.scrollY;
console.log(scrollTopValue);
// Прокручиваем страницу до определенной позиции
window.scrollTo({
  top: 500,
  behavior: 'smooth'
});

В этом примере мы получаем значение текущей позиции прокрутки вертикальной оси страницы с помощью свойства scrollY объекта window. Затем мы выводим это значение в консоль.

Также мы можем использовать метод scrollTo объекта window для прокрутки страницы до определенной позиции. В нашем примере мы указываем, что хотим прокрутить страницу до позиции 500 пикселей от верхней границы окна браузера с плавной анимацией (параметр behavior: 'smooth').

Scrolltop очень полезен при создании интерактивных приложений и сайтов, где необходимо обрабатывать события прокрутки и анимировать элементы на странице в зависимости от текущей позиции прокрутки.