Активация анимации на прокрутке

Question

Я использую http://www.justinaguilar.com/animations/index.html в проекте и не могу заставить анимацию активироваться при прокрутке. Анимация начинается, как только я загружаю эту страницу.

http://jsfiddle.net/m2phK/

$(window).scroll(function() { 
    $('#object').each(function(){ 
    var imagePos = $(this).offset().top; 

    var topOfWindow = $(window).scrollTop(); 
     if (imagePos < topOfWindow+200) { 
      $(this).addClass("fadeIn"); 
     } 
    }); 
}); 

Answer 1

Я изменил сценарий, так что он запускает анимацию, как только коробка входит в иллюминатор.

http://jsfiddle.net/yq3Hc/

$(window).scroll(function() { 
     $('#object').each(function(){ 
     var imagePos = $(this).offset().top; 

     var topOfWindow = $(window).scrollTop(); 
      if (imagePos < topOfWindow+imagePos) { 
       $(this).addClass("fadeIn"); 
      } 
     }); 
}); 

До того как я добавил "imagePos" была стоимость (в вашем случае 200). Это означает, что вам нужно прокрутить окно до 200px между верхней частью окна браузера и полем. Поскольку ничто не приходит после вашего ящика, и вы не можете пропустить его так далеко, вам нужно это изменить.

Надеюсь, это поможет.