0

調子はどう？

Jqueryを使用してcss3アニメーションをトリガーするためのソリューションまたはチュートリアルをしばらく探しています。

クラスをdivに追加して、css3でアニメーション化できることを知っています。しかし、div ID に到達したときにのみクラスを追加したい! 上からXXピクセルに達したときではありません。

例: http://themes.swiftpsd.com/index.php?theme=flexformのスキル バー

誰かが私を助けたり、素晴らしいチュートリアルを教えてくれませんか?

ところで、あなたはみんなをロックします！

乾杯、

ジョン

4

1 に答える 1

2

これは楽しいものでした、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からのアニメーション

于 2013-04-11T02:00:37.183 に答える