首页 > 解决方案 > 即使不需要,“溢出:滚动”也会导致滚动条出现吗?

问题描述

我为客户端的图像创建了一个文本框,该客户端设置了滚动溢出,以便在调整页面大小时文本不会溢出。出于某种原因,我在屏幕上看不到滚动条,但我的客户在 x 轴和 y 轴上都看到了它们。

滚动条问题出现在 x 和 y 轴上

有谁知道是否有“溢出:滚动;” 导致滚动条出现在某些版本的 Chrome 中,是否有解决方案使它们不可见?

我的客户的替代方案是使用带有文字的图像,出于各种原因,包括可访问性,我想避免这种情况。

我也有这个的离线版本,但仍然看不到滚动条。

我使用的是 Mac,而他们使用的是 PC,但据我所知和回忆,这对这个问题应该没有影响。

您可以在此处查看该页面

由于我们正在进行脱机的样式表大修,该页面目前很拥挤。

这是我为此使用的 CSS 的片段。认为其中一些可能是多余的。不确定删除其中的任何部分是否会在视觉上改变事情,因为我无法复制这个问题。

 .boxwrapper {
  position: relative;
  font-family: Arial;
  margin: 10px 15px; 
}

.imagebox {
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: #ffffff;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px; 
  height: 85%; 
  width: 35%; 
 overflow: scroll;

}

.imagebox p{ 
color: #000; 
 overflow: scroll;
font-size: 18px;
} 

预期的结果是页面呈现没有像我这样的滚动条。 我使用上面代码的结果 - 没有滚动条

标签: cssgoogle-chrome

解决方案


推荐阅读