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

 大鱼小鱼比目鱼 发布于 2023-01-29 13:17

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

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

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

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

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

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

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

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

非常感谢你们!

1 个回答
  • 这是由你overflow:auto;#maincontentdiv 风格引起的.只需将样式更改overflow:hidden;为使滚动条永久消失.

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

    2023-01-29 13:19 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有