【问题标题】:overflow-y hidden not disabling mousewheel溢出-y隐藏不禁用鼠标滚轮
【发布时间】:2014-04-05 01:54:18
【问题描述】:

Link here

我可以通过 body overflow-y 隐藏此页面上的垂直滚动条,但鼠标滚轮仍在工作。目标是让视口裁剪建筑物所需的任何内容,并使用一些响应式样式来帮助较小的设备。我尝试将 html 和 body 设置为 100%,并且背景渐变停止在应有的位置(视口结束),但图像仍然可以滚动。有什么建议吗?

【问题讨论】:

  • 在 Safari 中似乎可以正常工作,您使用的是什么浏览器/版本?
  • chrome(最新自动更新)

标签: css overflow


【解决方案1】:

我可以通过将max-height: 100% 添加到htmlbody 元素来移除滚动条。

【讨论】:

  • 这似乎裁剪了背景,因此它将背景渐变设置为适当的 100% 高度,但您仍然可以向下滚动鼠标以获取完整图像。 see here
  • 我无法在最新的 Chrome 中重新创建它
  • 您在页面上滚动吗?滚动条是隐藏的,在页面加载时看起来很完美。但您仍然可以只使用鼠标滚轮或向下滑动到初始 100% 视口高度以下。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多