【问题标题】:Vertical scroll bar appears only in Chrome垂直滚动条仅在 Chrome 中出现
【发布时间】:2017-08-31 23:24:43
【问题描述】:

我建立了一个站点,本地文件工作正常。该页面仅在 Chrome 中神秘地出现垂直滚动条。 Firefox 和 IE 工作正常。很混乱。如果有人可以提供帮助,那就太好了。 该网站在这里problem site 如果您将鼠标悬停在右侧图像幻灯片区域,chrome 将显示不应该显示的垂直滚动条。

【问题讨论】:

  • 在不检查整个网站以及您正在尝试做什么的情况下,您是否尝试将overflow-y: hidden 添加到您的#rightcontent 元素中?
  • 谢谢。但实际上我的意思是body元素的滚动条。设计不是全屏有一个整体的垂直滚动条,而是每3列使用3个单独的滚动条。它在本地或使用 Firefox 和 IE 在线检查时都可以正常工作,但是当我将鼠标悬停在最右边的列时,Chrome 总是会给出一个垂直滚动条。
  • 好的。我用的是其他电脑。似乎工作正常。也许我自己的 Chrome 有问题???
  • 是的,问题出在谷歌浏览器上。尝试在其他 PC 或本地 PC 上的其他用户中打开 Chrome。并检查问题是否仍然存在。我来宾它已经消失了。

标签: jquery css google-chrome scrollbar overflow


【解决方案1】:

您在 #pagewrap 上设置了固定的宽度和高度,这使您的页面同时具有垂直和水平滚动,因为内容比屏幕大。

尝试将您的bodyhtml 设置为width: 100%; height: 100%;,然后对于您的每一列,将width 设置为一个百分比,总计应达到100%。然后,将所有列的 height 设置为 100% 并添加 overflow: auto;

下面是它的实际操作:https://jsfiddle.net/v691zLfb/

【讨论】:

    猜你喜欢
    • 2017-10-09
    • 2011-08-15
    • 1970-01-01
    • 2013-02-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-01-13
    • 2012-07-20
    相关资源
    最近更新 更多