由于 position:absolute 位于页面外部的 DIV,禁用水平滚动条

新手上路,请多包涵

我有一个位于页面“外部”的绝对定位元素,但我希望浏览器(我使用的是 Firefox 3)不显示水平滚动条。似乎显示位于左侧的 div(例如具有“left:-20px”)是可以的,并且没有显示滚动条。然而右边的同样的东西(“right:-20px”)总是显示滚动条。是否可以隐藏滚动条,但可以保持标准滚动?我的意思是我只想禁用这个绝对定位元素的滚动,但要继续滚动其他元素(我知道我可以完全禁用滚动条,这不是我想要的)。

 <!DOCTYPE html>
<html>
<body>
  <div id="el1" style="position: absolute; top: 0; background-color: yellow; left: -20px;">
    element
  </div>
  <div id="el2" style="position: absolute; top: 0; background-color: yellow; right: -20px;">
    element
  </div>
  <h1>Hello</h1>
  <p>world</p>
</body>
</html>

原文由 Tom 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 405
1 个回答

是的,可以在您的 html 标记上键入 style="overflow-x: hidden" 。那会成功的…

原文由 Vap0r 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题