谷歌浏览器垂直滚动条神秘出现又消失？答案

【问题标题】：Google Chrome vertical scroll bars mysteriously appear and disappear?谷歌浏览器垂直滚动条神秘出现又消失？
【发布时间】：2014-02-04 21:19:19
【问题描述】：

我一直在处理的网站存在这个奇怪且看似不一致的问题，而且它似乎只发生在 Google Chrome 上。

我的主要内容部分偶尔会制作垂直和水平滚动条。

当我将页面作为文件打开时，滚动条会在打开页面并刷新页面时间歇性弹出。它们通常不会出现，但每隔几次刷新左右，它们就会弹出。

当我使用 NGiNX 在本地运行页面时，滚动条会在打开页面时弹出，但在我刷新时会消失，并且再多的刷新也不会将它们带回来。如果我在我设置的两个不同的测试页面之间来回单击，滚动条会一直存在。只有在点击重新加载时，它们才会消失。

当我从我的临时免费虚拟主机站点 Zymic 运行它时，我没有看到这个问题。实际上，我什至不担心它，因为它在上线时没有出现，但是当我注意到从本地运行的 Web 服务器弹出问题时，我想我应该调查一下。

我不知道从哪里开始寻找可能导致问题的原因，但我提供了一个可以清楚地显示问题的视频，以及指向我当前实时网站的链接。根据其他人的报告和我自己的经验，该问题不会出现在实时站点上，但它可以访问我当前的所有代码（当前，我正在尝试一些事情）和我很乐意提供任何特别要求的代码。我会尝试立即提供可能导致问题的位，但我不知道：\ 但是如果我缩小任何范围，我会将那部分代码与我发现的内容一起包含在内。

58秒短视频：http://youtu.be/K7tjGJ8hIV0

实时站点（此链接不应出现问题）：http://jrltest.zxq.net/

非常感谢大家！

【问题讨论】：

如果我发布的答案是您正在寻找的答案，请通过我的答案左侧的复选框将其标记为已接受。这会将这个问题标记为已回答，以便其他人更容易看到。

标签： html css google-chrome

【解决方案1】：

这是由#maincontent div 上的overflow:auto; 样式引起的。只需将样式更改为overflow:hidden; 即可使滚动条永久消失。

如果溢出的内容适合容器，自动溢出将通过不做任何事情来工作，但如果溢出一点，它会插入滚动条以允许用户滚动。在您的情况下，Chrome 可能会识别出一个溢出像素，因此请插入滚动条。这可能与缓存和图像加载有关。我的想法是，如果图像已经在缓存中，Chrome 确切地知道它有多大，并且它知道图像可以放入容器中，但是当它还没有缓存时，它会保留一些空间供图像加载，并且由于该空间显然比实际图像略大，因此会占用一些额外的空间。

【讨论】：

好吧，看看，它修好了！谢谢：D那溢出：自动实际上是解决方案的一部分，将我的页脚“粘贴”到浏览器窗口的底部，无论窗口有多高，但它可以设置为隐藏。如果不是......那么我发现我不得不重新审视很多我认为可行的解决方案：P 我真的很新，而且还在学习，所以一切都很好。再次感谢您！
我以更高分辨率测试了我的网站。非常感谢这个线程stackoverflow.com/questions/6400207/…，更感谢 Emile 的回答，他提供了更高分辨率测试的资源：@987654322@ 我网站的页脚仍然停留在底部！因此，据我所知，我是 100% 好 :P 再次感谢您！
我遇到了这个问题，没有任何图像。所以我认为这种关于图像的猜测是错误的。
@German 如果没有反例来解释，我无法做出更好的猜测。您能否说明您在哪种情况下遇到此问题？
是的，但是如果您的页面有时有更多内容，那么它应该显示滚动条怎么办？但是当它没有足够的内容需要滚动条时，它不应该显示滚动条并且应该出现滚动条闪烁的问题。

【解决方案2】：

检查你的正文值是否设置为overflow:hidden; 如果是，那就改变它；）

【讨论】：

更改它来自 overflow:hidden;?因为您与接受的答案相矛盾，因此建议将 to overflow:hidden;.
改成什么？你是在回答还是在说秘密！