Генератор CSS-свойства «border-radius»   •   Online-инструменты
447 просм
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
комментариев
Гостям запрещено учавствовать в обсуждениях сайта. Авторизуйтесь, чтобы иметь возможность оставить свое мнение о материале или задать вопрос.