powepmakerru
@powepmakerru

Как начать показ блока при скролле?

<script type="text/javascript">
 $(document).ready(function() {
 $("#slide01").css("display", "none");
 $("#slide01").fadeIn(2000);
 });
</script>

Есть блок, его анимация начинается независимо, где он находится. т.е пока долистал до него, анимация уже прошла. Как начать показ анимации (и показ самого блока) только тогда, когда до него дойдет скроллинг?
  • Вопрос задан
  • 3532 просмотра
Пригласить эксперта
Ответы на вопрос 3
AlexanderTsymbal
@AlexanderTsymbal
tsymbal.su
$("#slide01").css("display", "none");
$(window).scroll(function(){
   if ($("body").scrollTop() > 0) { //если страница прокручена
     $("#slide01").fadeIn(2000); //выводим блок
   } else {//иначе
     $("#slide01").fadeOut(2000); //прячем блок
   }
});
Ответ написан
@zuraavl
Можно использовать связку WOW.js и animate.css.
Ответ написан
Комментировать
@igoravr
Waypoints поможет
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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