css - 触发动画元素到达 div ID

Question

这是怎么回事？

我正在寻找使用 Jquery 触发 css3 动画的解决方案或教程。

我知道我可以向 div 添加一个类以使用 css3 对其进行动画处理。但我只想在达到 div ID 时添加类！不是当我从顶部达到 XX 像素时。

示例： http://themes.swiftpsd.com/index.php?theme =flexform中的技能栏

有人可以帮助我或给我一个很棒的教程吗？

顺便说一句，你们摇滚！

干杯，

琼

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