Артём Мáлков

Как отследить направление прокрутки страницы на сайте на 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>

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

Рекомендуем к просмотру
Как определить, на сколько процентов прокручена страница на jQuery/JavaScript?
Посты
Как выполнить функцию при скролле страницы или блока на jQuery?
Статьи и советы
Кнопка «Наверх» с плавной прокруткой страницы для сайта на jQuery
Модули и скрипты
0
комментариев
Форма комментирования этого поста скрыта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.
Подняться наверх
«Pandoge» - помощник вебмастера