Fatal编程技术网
  • jquery/
  • JQUERY动画延迟？

JQUERY动画延迟？

jquery

JQUERY动画延迟？,jquery,jquery-animate,Jquery,Jquery Animate,我使用jqueryanimate在页面顶部显示一个横幅，这是一个设置为top-60的DIV，用于隐藏它。我使用以下JS调用来显示div： // Animation $('#message-dock').animate({ top: 0 }, 500, function() { // Animation complete. }); 我不明白的是，由于某种原因，在我开始看电视之前有一个不必要的延迟，我不明白为什么？有什么想法吗？为什么不将div的css设置为display:none

我使用jqueryanimate在页面顶部显示一个横幅，这是一个设置为top-60的DIV，用于隐藏它。我使用以下JS调用来显示div：

// Animation
$('#message-dock').animate({
    top: 0
}, 500, function() {
    // Animation complete.
});
我不明白的是，由于某种原因，在我开始看电视之前有一个不必要的延迟，我不明白为什么？有什么想法吗？

为什么不将div的css设置为
display:none$（“#消息驳接”）.show（'slow'）何时显示？不使用“慢”也可以使用“快”。
我同意Scott的观点，您的延迟与脚本运行的时间有关。如果您没有等待就绪状态，我会将脚本直接放在html#message dock元素下面；但是，如果在其他脚本运行时尝试设置动画，则“不会”是干净的动画。使用CDN下载jquery.js将jquery.js放在设置消息驳接动画的脚本之前。。。这将导致jquery在html之前下载，因此内容交付网络（CDN）是最好的方式

当其他脚本运行时会发生什么：动画开始，在所有其他脚本下载之前。。。另一个脚本正在运行，需要一些时间，直到它完成阻止动画平滑。。。动画会检查到底有多远，以确定顶部在零处，并显示它，而不显示任何动画-只是一个延迟的外观


要了解页面的下载方式，您可以使用
不必要的延迟？时间-0在哪里？？你能提供更多的背景吗？此动画效果是否应在响应事件时发生？在ajax调用之后？或者一旦页面被加载？