1

我有一个滑块，现在在最新版本的 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，如果您有旧版本，它可能会正确显示。

4

1 回答 1

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/ - 关于 backface-visibility 属性的更多解释

于 2013-01-10T19:58:25.770 回答