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的动画

触发动画元素到达div ID

1 个答案: