Узнать разрешение вашего экрана и IP адрес   •   Online-инструменты
363 просм
0 комм
Поделиться:

Как отследить направление прокрутки страницы на сайте на jQuery?

Я всегда берусь за интересные задачи, и не так давно передо мной встала задача немного расширить функционал шапки на одном сайте.

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

Отследить направление можно многими способами, я же покажу один, рабочий на 100%.

Итак, скрипт на jQuery будет выглядеть следующим образом:

<script>
	$(document).ready(function() { 
		var lastScrollTop = 0;
		$(window).scroll(function(event) {
			var posit = $(this).scrollTop();
			if (posit > lastScrollTop) {
			
				// Действие при прокрутке вниз
				
			} else {
			
				// Действие при прокрутке вверх
				
			}
			lastScrollTop = posit;
		});
	}); 
</script>

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

0
комментарий
Оставить комментарий:
Нажимая кнопку «Отправить» вы даете согласие на обработку своих персональных данных.
Ваше Имя
Ваш E-mail
Текст комментария