Question

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

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

感谢您的帮助！

Answer 1

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

或者，对于水平/垂直滚动条：

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

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

其他选择：

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

即使滚动条不存在，

overflow: scroll;也会保留滚动条UI（即使窗口很宽）。

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

Answer 2

我知道这是一个老问题，但是无论如何这是一个解决方案。

.element {
    overflow-y: scroll;
}

此解决方案并不理想，因为即使没有内容，它也会使滚动条保持显示状态，但是当内容超过其容器高度时，它将防止滚动条突然出现在视图中。我在body元素上使用了此功能，以适应动态加载内容并在出现后立即闪烁到侧面的情况。

相对于普通overflow: scroll，我也更喜欢这样做，因为它不会在容器底部添加不必要的滚动条，因为通常这不是问题。