点击“页面跳转”链接时部分网站消失

Question

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

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

我目前使用的是 Chrome 版本 33.0.1750.154 m

有这个问题的页面之一是here。

这里你可以看到问题的截图。

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

Answer 1

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

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

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

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

   $('#page').on('click', '.jump', function() { $('#container-of-disappearing-section').hide().show(); });

第二种方法在性能方面并不理想，但它比页面上出现奇怪的空白要好。

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