Как отследить направление прокрутки страницы на сайте на jQuery?
24 фев0 комм
Я всегда берусь за интересные задачи, и не так давно передо мной встала задача немного расширить функционал шапки на одном сайте.
Выслушав пожелания заказчика, я понял, что задачу лучше всего решить, отследив направление скролла страницы, то есть определить, куда человек прокручивает страницу, и совершить исходя из полученных сведений нужные нам действия.
Отследить направление можно многими способами, я же покажу один, рабочий на 100%.
Итак, скрипт на jQuery будет выглядеть следующим образом:
<script>
$(document).ready(function() {
var lastScrollTop = 0;
$(window).scroll(function(event) {
var posit = $(this).scrollTop();
if(posit > lastScrollTop) {
// Действие при прокрутке вниз
} else {
// Действие при прокрутке вверх
}
lastScrollTop = posit;
});
});
</script>
Каждое условие я прокомментировал, в них вы можете вставлять нужные вам действия, будь то применение или удаление класса или, например, скрытие и показ определенного элемента.