Как выполнить действие, «доскроллив» до определенного DIV'a ?
Не знаю, как правильно загуглить, поэтому спрашиваю у Вас, коллеги.
На всяких лендингах можно часто видеть, как выполняется анимация, когда человек скролит до определенного дива, так вот: как это реализовывается? Или покидайте ссылок на примеры.
Использование scrollTop имеет место, когда на странице бувально пара элементов, которые нужно отследить, в противном случае получается очень много скрипта, при чём повторяющегося.
Я бы рекомендовал использовать плагин
jQuery Waypoints
<script type= "text/javascript">
$(window).scroll(function(){
if ($(window).scrollTop() > $("#YourID").offset().top) {
//Ваши действия
}
else {
//А здесь можно описать действия, если вы проскролии назад (выше)
}
});
</script>
Простой
