Question

所以我一直在玩jquery动画，我已经使用这种方法了解它：

$(function() {
    $("#div3").animate(
        {top : "+=100"}, 500, function() {}
    );
});

http://jsfiddle.net/dT9Yk/ 我的问题是它不会走得很远，我想知道是否有一种方法可以调整它使其从页面顶部落下来的类似：

http://texts.com/

谢谢！

Answer 1

DEMO

$(function() {
    $('#div3')
    .css({
        // position the element off the top of the page
        top : ($('#div3').height() * -1) - $('#div3').offset().top
    }).animate(
        // animate to its natural resting place
        {top : 0}, 500, function() {}
    );
});

Answer 2

我知道你要求一个javascript版本......但这可以在CSS3中完成。这个想法是，如果可以在CSS3中完成，最好的做法是在CSS3中进行，而不是使用javascript，它也会更快。：）

注意：如同更快，可以一次渲染多个CSS3动画，而javascript是单线程的，并且在javascript中的动画完成之前，您的逻辑将不会继续。检查网络速度。从长远来看，它提供了一个更快的网站。

http://codepen.io/Surakusa/pen/IGidB/

使jquery动画更大

2 个答案: