自更新以来极慢的webkit动画

时间:2013-01-10 17:44:21

标签: javascript jquery google-chrome animation webkit

我有一个滑块,现在在最新版本的chrome和safari中完全无法使用,旧版本显示它很好。在开发它时,我测试了chrome,firefox和IE,它们都运行良好(除了旧的ie中的一些样式问题,但动画很好)。

这里的最小测试用例 http://www.thetrainingconcept.co.uk/error.htm

可在此处找到javascript http://assets.thetrainingconcept.co.uk/www/js/plugins/jquery.feature-slide.js?v=1.0.0

我根本无法弄清楚这一点,没有js错误,我描述了它,看起来没问题。我尝试制作一个简单的测试用例来对其进行分析,但却得到了完全相同的行为。

我真的希望有人知道这里出了什么问题。

编辑: 我还会注意到我搜索过高低,阅读了很多“Chrome中的慢动画”问题,其中没有一个有任何帮助。请记住,在最近影响chrome和safari的更新之前,这个工作非常好。我使用的chrome版本是版本23.0.1271.97 m,如果您有旧版本,它可能会正确显示。

1 个答案:

答案 0 :(得分:0)

我已经弄清楚了。在我看来,答案并不明显,如果是其他人,他们可以向我解释一下吗?

因此,animate.css将-webkit-backface-visibility:hidden;应用于body标签。出于某种原因,这导致我遇到的所有问题都是javascript动画很糟糕。幸运的是,我没有使用该库中的3D动画,所以我可以删除它并解决我的问题。

现在,我不确定这是webkit中的错误还是animate.css中的错误,我倾向于它是webkit的问题,因为我不明白为什么该属性应该导致减速呢做了没有css动画。

http://daneden.me/animate/ - css动画库 http://css-tricks.com/almanac/properties/b/backface-visibility/ - 关于背面可见性属性的更多解释