觸發動畫元素到達div ID

Question

這是怎麼回事？

我正在尋找一個解決方案或教程來觸發使用JQuery的css3動畫的一段時間。

我知道我可以添加一個類到div來用css3動畫它。但是我想只在達到div ID時才添加該類！不是當我從頂部達到XX像​​素時。

實例：http://themes.swiftpsd.com/index.php?theme=flexform

技能欄

五月有人能幫助我或者給我一個偉大的教程？

順便說一句，你搖滾的傢伙！

乾杯，

JHON

Answer 1

這是一個有趣的一個，jsFiddle

$(document).scroll(function() { 
var y = $(this).scrollTop(); 
var x = $("#myDiv").position(); 

if (y > (x.top - 50)) { // -50 so things don't overlap 
    $(".magic").addClass(
     "bounceInRight"); 
} 
else { 
    $(".magic").removeClass(
     "bounceInRight"); 
} 
}); 

從Animate.CSS