在短暂延迟后让中心DIV向下移动页面

Question

$(window).bind("load", function() {
   $('#container').fadeIn('800');
   $('#container').css({margin: '(0px auto 0px auto)'});
   $('#container').animate({margin: '(60px auto 0px auto)'}, 20000).delay(100);
});

我有容器可以淡入但是我希望它在延迟后从顶部边缘向下滑60px。我出于某种原因无法使用它。

Answer 1

你需要链接你的效果

$(window).bind("load", function() {
   $('#container').css({margin: '(0px auto 0px auto)'})
     .fadeIn(800)
     .delay(100)
     .animate({margin: '(60px auto 0px auto)'}, 20000);
});

Answer 2

fadeIn在执行时不会阻塞，因此在调用fadeIn时其他两行执行，但未完成。 fadeIn接受一个回调参数。将其他2行放在匿名函数中作为回调。

我没试过，但我相信这应该有效。

$(window).bind("load", function() {
   $('#container').fadeIn('800', function() {
     $('#container').css({margin: '(0px auto 0px auto)'});
     $('#container').animate({margin: '(60px auto 0px auto)'}, 20000).delay(100);
   });
});