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

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

На всяких лендингах можно часто видеть, как выполняется анимация, когда человек скролит до определенного дива, так вот: как это реализовывается? Или покидайте ссылок на примеры.
  • Вопрос задан
  • 3350 просмотров
Решения вопроса 2
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
Использование scrollTop имеет место, когда на странице бувально пара элементов, которые нужно отследить, в противном случае получается очень много скрипта, при чём повторяющегося.
Я бы рекомендовал использовать плагин
jQuery Waypoints
Ответ написан
vyshkant
@vyshkant
developer
<script type= "text/javascript">
	$(window).scroll(function(){
		if ($(window).scrollTop() > $("#YourID").offset().top) {
			//Ваши действия
		}
		else {
			//А здесь можно описать действия, если вы проскролии назад (выше)
		}
	});
</script>
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@mfred
например nick-jonas.github.io/windows
Ответ написан
Комментировать
shiza36
@shiza36
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы