防止垂直滚动条上的div移动出现/消失但不调整窗口大小

Question

这可能有点奇怪的问题......我想知道是否有一个div（或任何元素真的）正常缩放到窗口大小调整但忽略滚动条的出现/消失？由于内容是在页面上动态生成的，滚动条中会弹出一个弹出窗口，将内容移动一秒钟，然后弹出回到原位。

如果这个给定的div可以忽略滚动条的外观/消失以保持其子位置并仅响应窗口大小，那将会很好。

感谢您的帮助！

Answer 1

overflow: hidden;将阻止滚动条出现，即使窄窗口导致您的元素调整大小/剪辑内容。

或者，只是水平/垂直滚动：

overflow-x: hidden;关闭只是水平滚动。

overflow-y: hidden;只关闭垂直滚动。

---

其他选项：

overflow: auto;将显示滚动条仅在需要时（当窗口变窄）

overflow: scroll;将保持滚动UI甚至有滚动条时不存在（即使窗户很宽）。

overflow: visible;是大多数元素的默认值overflow，它缩小时根本不裁剪内容，所以没有滚动条。