«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > Как определить направление прокрутки с помощью JavaScript без jQuery?

Как определить направление прокрутки с помощью JavaScript без jQuery?

Опубликовано 10 ноября 2024 г.
Просматривать:216

How can I detect scroll direction using JavaScript without jQuery?

Определение направления прокрутки

Используя событие прокрутки JavaScript, можно определить направление прокрутки без необходимости использования jQuery.

Определение направления прокрутки

Для этого мы сохраним предыдущее значение ScrollTop и сравним его с текущим значением ScrollTop.

var lastScrollTop = 0;

// element should be replaced with the actual target element on which you have applied scroll, use window in case of no target element.
element.addEventListener("scroll", function () { // or window.addEventListener("scroll"....
  var st = window.pageYOffset || document.documentElement.scrollTop; // Credits: "https://github.com/qeremy/so/blob/master/so.dom.js#L426"
  if (st > lastScrollTop) {
    // downscroll code
  } else if (st 

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

Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3