Как выполнить действие, "доскроллив" до определенного DIV'a ?

Как выполнить действие, «доскроллив» до определенного DIV'a ?

203

Olivoin

19.03, в 14:58

Не знаю, как правильно загуглить, поэтому спрашиваю у Вас, коллеги.

На всяких лендингах можно часто видеть, как выполняется анимация, когда человек скролит до определенного дива, так вот: как это реализовывается? Или покидайте ссылок на примеры.

Пожаловаться

Ответы (4)

Сортировать по:

vyshkant

Решение

<script type= "text/javascript">
	$(window).scroll(function(){
		if ($(window).scrollTop() > $("#YourID").offset().top) {
			//Ваши действия
		}
		else {
			//А здесь можно описать действия, если вы проскролии назад (выше)
		}
	});
</script>

19.03, в 14:15

Пожаловаться

2

DeLaVega
Решение

Использование scrollTop имеет место, когда на странице бувально пара элементов, которые нужно отследить, в противном случае получается очень много скрипта, при чём повторяющегося.
Я бы рекомендовал использовать плагин
jQuery Waypoints

19.03, в 14:59
1 комментарий Пожаловаться

19.03, в 15:43

Fr3nzy

Активно поддерживается и довольно удобен. Тоже рекомендую.
mfred

например nick-jonas.github.io/windows

19.03, в 14:14
Пожаловаться
shiza36

api.jquery.com/scrollTop

19.03, в 14:16
Пожаловаться

Написать ответ

Войдите, чтобы написать ответ

Войти через TM ID

Похожие вопросы