点击＆＃34;页面跳转＆＃34;网站部分消失链接

Question

我遇到了一个非常奇怪的问题。有时当我点击页面跳转链接时，网站的某些部分会变成空白。如果我将鼠标悬停在空白区域，则会重新显示所有网站。我不能使用chrome inspect来调试它，因为如果我启用它，一切都会恢复正常。

这似乎是一个Chrome错误，它只发生在两台计算机中，总共12个我测试了这个。

我目前正在使用Chrome版本33.0.1750.154 m

出现此问题的其中一个页面是here。

在这里，您可以看到问题的屏幕截图。

我已尝试删除Cookie，历史记录和缓存，然后尝试隐身，它仍然会发生。

Answer 1

我也遇到了这个问题，我很确定它与Chrome中的accelerated rendering有关。

我通常使用两种解决方案中的一种，在工作时更喜欢第一种解决方案：

1. 如果您的标记允许，请在违规区域周围添加块级容器。据我了解，这会创建一个新的layout boundary，有助于为浏览器定义哪些区域需要重新绘制。

2. 单击页面跳转时，使用JavaScript强制在受影响区域重绘：

   $（＆＃39;＃page＆＃39;）。on（＆＃39;点击＆＃39;，＆＃39; .jump＆＃39;，function（）{   $（＆＃39;＃容器的消失的节＆＃39;）。隐藏（）显示（）; }）;

第二种方法对于性能并不理想，但它比页面上出现的奇怪的白色间隙要好。

如果您已使用Modernizr之类的内容可以帮助您仅在Chrome中执行脚本，则可以进一步优化。但这可能不值得，除非你已经对你网站上的其他功能进行了那种检测。