点击“页面跳转”链接后，网站的部分内容消失了。

Question

3

我遇到了一个非常奇怪的问题。有时候当我点击页面跳转链接时，网站的某些部分会变成空白。如果我将光标悬停在空白区域上，整个网站就会重新出现。我无法使用Chrome检查来调试此问题，因为如果我启用它，一切都会恢复正常。

这似乎是Chrome的一个bug，仅在我测试过的12台电脑中的两台电脑上发生。

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

其中一个出现此问题的页面在这里。

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

我尝试删除cookies、历史记录和缓存，然后在隐身模式下尝试，但问题仍然存在。 enter image description here

- Alex

1

你尝试过清空DNS缓存吗？这可能是问题所在，我也遇到了类似的问题，显然只有我遇到了这个问题。 - Dasith

我会尝试验证它。 - Alex

我也清空DNS缓存。 - Alex

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- cantera · Accepted Answer

我也遇到过这个问题，我相信这与Chrome中的加速渲染有关。

通常我会使用以下两种解决方案，并在可行时更喜欢第一种：

如果您的标记允许，请在有问题的区域周围添加一个块级容器。据我所知，这将创建一个新的布局边界，有助于为浏览器定义需要何时重新绘制的区域。
当单击页面跳转时，使用JavaScript强制在受影响的区域中重绘：

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

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

如果您已经在使用Modernizr等工具来检测浏览器，那么您可以进一步进行优化，仅在Chrome中执行脚本。但是，除非您已经在为站点上的其他功能执行此类检测，否则这可能不值得。