我有一个jQuery slideDown / slideUp动画，可以在IE9和Firefox中顺利运行，但在Chrome中非常不稳定。如果删除css文件，则该问题不存在，因此我非常有信心Chrome和该页面的CSS之间存在一些互动。
是否有任何工具可以诊断此类问题的来源？或者，是否有任何关于jQuery / CSS交互的指南可能会导致动画不稳定;一个不用于CSS的列表？
这是CSS的pastebin，以防任何人对CSS很熟悉，不要指责罪魁祸首：http://pastebin.com/P68inpkx。即使你可以，我仍然对更一般的“如何诊断CSS问题”部分问题感兴趣，所以我将来可以自己做。
答案 0 :(得分：1)
根据我的经验，-webkit渐变和-webkit-box-shadow会导致重新绘制问题，特别是在Chrome中。如果这是问题，我认为这是一个较低级别的css渲染性能问题。
通常，您可以尝试（适当时）css3动画和转换。有些可以在3D模式下使用，它允许硬件加速，产生更流畅的动画。我不确定它是否直接适用于这种情况，但我相信有一个jQuery插件将用css3动画取代jQuery的标准动画（抱歉没有链接，插件网站已关闭）。