单击“页面跳转”链接时，网站的某些部分会消失

Question

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

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

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

其中一个有这个问题的页面就在这里 。

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

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

Answer 1

我也遇到了这个问题，我很确定它与Chrome中的加速渲染有关。

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

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

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

   $（'＃page'）。on（'click'，'。jump'，function（）{$（'＃container-of-disappearing-section'）。hide（）。show（）;}）;

第二种方法不是理想的性能，但它比页面上显示的奇怪的白色间隙更好。

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