Chrome無法在大屏幕尺寸下處理動畫

這是一件非常奇怪的事情，我想知道是否有人可以對其發生的原因進行一些瞭解。Chrome無法在大屏幕尺寸下處理動畫

重現步驟：

進入第4節，案例研究（http://bmgzstrategies.com/#5）
點擊縮略圖
如果您的屏幕尺寸小於約 1450px，窗口應該從屏幕的右側加載，並且應該按順序加載三個複製部分。
現在，如果你增加屏幕尺寸大於1450px寬，點擊一個縮略圖，動畫變得完全斷裂和不連貫和突然結束狀態是在你的面前。

我未能在Safari中重現此錯誤（所以它可能不是webkit問題），Mozilla或Internet Explorer。

如果有人有任何見解，我很樂意聽到任何意見！

2014-09-20 Rebecca Cook

不知道爲什麼會發生這種情況，也許Jquery是這個問題，除非你使用普通的CSS轉換。我使用的是名爲velocity的plugging，它的執行速度比原生JQ更好，速度更快。如果您正在使用JQ，可能值得一看，看看它可以爲您做些什麼。 - http://julian.com/research/velocity/ – Tasos 2014-09-20 17:23:02

嘿Tasos！我正在使用Animate.css的CSS動畫。而且我在網站上的多個位置使用它們，這些都沒有打破。在這一頁上只有這一個實例工作不正常。非常奇怪... – 2014-09-20 21:29:33

這些動畫是如何在1920x1080全高清屏幕上執行的？ ***更新。我只是在我的屏幕上嘗試了全高清，性能非常差。你說得對，在Chrome上，性能不是很好，但是IE要好得多。奇怪的是，我本來以爲這是另一回事。也許在當前版本中有一些錯誤。嘗試下載應該是Chrome的更新版本的CHROMIUM，看看它是否有更好的 – Tasos 2014-09-20 21:50:53

無論出於何種原因，這竟然是我使用的CSS庫的分層問題。動畫將運行，並且在大屏幕尺寸下，受影響的div的z索引將被重置。通過修復閃爍的div的z-index，我可以消除這種行爲。

來源

2014-10-07 19:53:33

Chrome無法在大屏幕尺寸下處理動畫

回答

相關問題