谷歌Chrome垂直滚动条神秘地出现和消失?

时间:2014-02-04 21:19:20

标签: html css google-chrome

我一直在努力的网站有这个奇怪的,看似不一致的问题,而且它似乎只发生在谷歌浏览器上。

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

当我将页面作为文件打开时,打开页面并刷新页面时,滚动条会间歇性地弹出。它们通常不会出现,但每次刷新等都会弹出。

当我使用NGiNX在本地运行页面时,打开页面时会弹出滚动条,但是当我刷新时会消失,并且没有任何刷新会将它们带回来。如果我在我设置的两个不同的测试页面之间来回点击,滚动条会粘在一起。只有在重装后,它们才会消失。

当我从我的临时免费虚拟主机网站Zymic运行时,我没有看到这个问题。我实际上甚至都没有担心它,因为它没有出现,但当我注意到我的本地运行的Web服务器突然出现问题时,我想我应该研究一下。

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

问题的简短58秒视频:http://youtu.be/K7tjGJ8hIV0

实时网站(此链接不应出现问题):http://jrltest.zxq.net/

非常感谢你们!

2 个答案:

答案 0 :(得分:13)

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

如果溢出的内容适合容器,则自动溢出将对溢出的内容不起作用,但如果它溢出甚至一点,它会插入滚动条以允许用户滚动。在您的情况下,Chrome可能会识别出一个溢出像素,因此请插入滚动条。这可能与缓存和图像加载有关。我认为如果图像已经在缓存中,Chrome确切地知道它有多大,并且它知道图像将适合容器,但是当它还没有缓存时,它会为图像加载一些空间,由于该空间明显略大于实际图像,因此会占用一些额外的空间。

答案 1 :(得分:1)

检查您的身体值是否设置为overflow:hidden; 如果是,则改变它;)