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

Question

[Сергей Шилов]

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

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

Answer 1

[Виталий Киренков]

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

Comments

[Fr3nzy]

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

Answer 2

[Anton Dyshkant]

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

Answer 3

[Freddi]

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

Answer 4

[Krickt]

api.jquery.com/scrollTop