Chrome / Opera眨眼画问题

Question

我发现了一个令人费解的问题，我的页面在绘制中然后在闪烁的浏览器中“未涂漆”。页面渲染后，大多数视口（但不是全部）变为空白并停止绘制。这是我强行绘画之后的屏幕：

这是屏幕，因为它照看页面渲染和“未涂色”本身：

行为是一致的，每次都是相同的区域未上漆。在视觉动画方面，它不是一个非常苛刻的应用程序。

技术信息：Angular，angular-ui-router，适用于所有内容的CSS动画。

非常感谢任何关于为什么眨眼渲染然​​后空白大部分页面的洞察力。

Answer 1

例如，您可以尝试将ng-cloak指令放在body标签中。

有关此链接ng-cloak的更多信息：ngCloak docs

希望我的回答符合你的要求。

Answer 2

我有同样的问题，但在登录页面上。

我也使用AngularJS和ui-router，我认为这是由onStateChangeStart事件内的重定向引起的。

Dicussion on github

我发现，也就是说，可能是闪烁引擎问题，然后在这里找到你的问题，因为如果你在google chrome devtool渲染标签中打开rerender page选项，这个问题就会得到解决。

原来如此！今天我试图改变css属性并找到删除

position: fixed;

从主容器css解决问题。也许你的风格中有一些这样的属性。尝试删除或替换它们。

祝你好运！