2013-04-10 75 views
0

这是怎么回事?触发动画元素到达div ID

我正在寻找一个解决方案或教程来触发使用JQuery的css3动画的一段时间。

我知道我可以添加一个类到div来用css3动画它。但是我想只在达到div ID时才添加该类!不是当我从顶部达到XX像​​素时。

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

技能栏

五月有人能帮助我或者给我一个伟大的教程?

顺便说一句,你摇滚的家伙!

干杯,

JHON

回答

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

+0

正是我想要的,很简单的代码动画! 非常感谢Apaul! – jhon 2013-04-11 14:47:24