Firefox 7.0.1上的jquery动画延迟

有谁知道为什么这个非常简单的jquery动画可以在Chrome等浏览器中完美工作，并且似乎在Firefox 7.0.1中被窃听？这里是动画的a link。如果你在Firefox中试用它，你会看到动画有时冻结，然后重新启动。正如你所看到的代码非常简单，只有一个动画，没有图像和内联CSS。Firefox 7.0.1上的jquery动画延迟

HTML：

<div id="content" style="position: relative;width: 500px;height: 500px;overflow: hidden;"> 
    <ul id="slider" style="position: absolute;top:0;left:0;"> 
     <li style="background-color: red;height: 500px;width: 500px;list-style-type: none;"></li> 
     <li style="background-color: green;height: 500px;width: 500px;list-style-type: none;"></li> 
     <li style="background-color: blue;height: 500px;width: 500px;list-style-type: none;"></li> 
    </ul> 
</div>

JS：

$(document).ready(function() { 
    to_move=$('#slider'); 
    to_move.animate({ 
     top: "-1000px" 
    }, 15000,'linear'); 
});

感谢你的帮助。

来源

2011-11-22 GERARD Christophe

你看到的是Firefox的垃圾回收器每隔一段时间就会踢。

通过Dave Mandelin's blog：什么GC

背景是，如果你不熟悉的：作为一个JavaScript 程序运行时，它会创建对象，数组，字符串和功能，其占用内存。为了不用掉所有的内存和崩溃，JS引擎必须能够自动发现哪些对象不再被使用（因此它们现在是“垃圾”）并且自由地使用它们。这种“自动内存回收”子系统被称为垃圾收集器，或GC）

的原因暂停是SpiderMonkey的使用一个老派的停止的世界标记 - 清除收集

对Firefox的GC进行了大量改进，但尚未实现 - 请参阅该链接了解更多信息。

来源

2011-11-22 13:49:48 N3dst4

谢谢，是否有任何moz webkit动画我可以用来避免这个GC问题？ –

你可以看看[CSS Transitions] [1]。我自己并没有在愤怒中使用它们，你需要为旧版浏览器提供脚本回退。而且我知道他们会受到GC的影响。但是你有它;） [1]：https：//developer.mozilla.org/en/CSS/CSS_transitions#AutoCompatibilityTable – N3dst4

事实上，我已经更新了Firefox 8.0.1版本，没有滞后！似乎GC在最新版本中管理得更好。再次感谢您的帮助！ –

我不太了解jQuery的内部工作原理，但我认为它使用该div的resize事件。 Firefox很难处理调整大小的事件，我不确定是否有办法解决它。这里有一些更多的信息：http://www.quirksmode.org/dom/events/resize.html

来源

2011-11-22 13:59:00 nthurston

Firefox 7.0.1上的jquery动画延迟

回答

相关问题