【发布时间】：2014-11-15 01:24:51
【问题描述】：
这是一件非常奇怪的事情正在发生，我想知道是否有人可以了解它为什么会发生。
我的网站是http://bmgzstrategies.com/
重现步骤：
- 转到第 4 部分，案例研究 (http://bmgzstrategies.com/#5)
- 点击缩略图
- 如果您的屏幕尺寸小于大约 1450px，一个窗口应该从屏幕的右侧加载并且 三个副本部分应按顺序加载。
- 现在，如果你增加 您的屏幕尺寸大于 1450 像素宽，然后单击 缩略图，动画变得完全破碎和波涛汹涌， 突然间，最终状态就在你面前。
我无法在 Safari（因此它可能不是 webkit 问题）、Mozilla 或 Internet Explorer 中重现此错误。
如果有人有任何见解，我很想听听任何意见！
【问题讨论】：
-
不知道为什么会这样，除非您使用纯 CSS 转换，否则 Jquery 可能是问题所在。我正在使用一种称为velocity 的插件，它的性能比原生JQ 更好更快。如果您使用的是 JQ，可能值得一看，看看它可以为您做什么。 -- julian.com/research/velocity
-
嘿塔索斯！我正在使用 Animate.css 中的 CSS 动画。而且我在网站上的多个位置使用它们，这些位置并没有破坏。只有这一页上的这一实例不能正常工作。很奇怪……
-
动画在全高清屏幕 1920x1080 上的表现如何？ *** 更新。我刚刚在我的屏幕上尝试了全高清，性能很差。不过你是对的，在 Chrome 上性能不是很好，但 IE 更好。奇怪，我原以为会反过来。也许当前版本中存在一些错误。尝试下载应该是 chrome 更新版本的 CHROMIUM，看看它是否更好
-
我更新了chrome，又试了一次，还是不行。不知道为什么会发生这种情况，也不知道如何调试......
-
在 Chrome 上，您有用于调试的开发人员工具。您可以运行（审核）来检查网页性能。完成后，它将向您显示一个页面，建议对各种类型进行更改，包括 CSS 以获得更好的性能。
标签： jquery html css google-chrome animation