Javascript 防止垂直滚动条上的div移动显示/消失,但不调整窗口大小

Javascript 防止垂直滚动条上的div移动显示/消失,但不调整窗口大小,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这可能是一个有点奇怪的问题。。。我想知道是否有一个div(或任何元素)可以正常缩放窗口大小,但忽略滚动条的出现/消失?由于内容是在页面上动态生成的,滚动条会弹出一个弹出窗口,将内容移动一秒钟,然后再弹出到位 如果这个给定的div可以忽略滚动条的出现/消失以保持其子位置,并且只响应窗口大小调整,那就太好了 谢谢你的帮助 溢出:隐藏将阻止滚动条出现,即使狭窄的窗口导致元素调整大小/剪辑内容 或者,仅针对水平/垂直滚动条: overflow-x:隐藏仅关闭水平滚动 overflow-y:隐藏仅关闭垂直

这可能是一个有点奇怪的问题。。。我想知道是否有一个div(或任何元素)可以正常缩放窗口大小,但忽略滚动条的出现/消失?由于内容是在页面上动态生成的,滚动条会弹出一个弹出窗口,将内容移动一秒钟,然后再弹出到位

如果这个给定的div可以忽略滚动条的出现/消失以保持其子位置,并且只响应窗口大小调整,那就太好了


谢谢你的帮助

溢出:隐藏将阻止滚动条出现,即使狭窄的窗口导致元素调整大小/剪辑内容

或者,仅针对水平/垂直滚动条:

overflow-x:隐藏仅关闭水平滚动

overflow-y:隐藏仅关闭垂直滚动


其他选择:

溢出:自动仅在需要时显示滚动条(当窗口变窄时)

溢出:滚动将使滚动条UI保持在那里,即使滚动条不存在(即使窗口很宽)


溢出:可见
是大多数元素上溢出的默认值,缩小后它根本不会剪辑内容,因此没有滚动条

溢出:隐藏将阻止滚动条出现,即使狭窄的窗口导致元素调整大小/剪辑内容

或者,仅针对水平/垂直滚动条:

overflow-x:隐藏仅关闭水平滚动

overflow-y:隐藏仅关闭垂直滚动


其他选择:

溢出:自动仅在需要时显示滚动条(当窗口变窄时)

溢出:滚动将使滚动条UI保持在那里,即使滚动条不存在(即使窗口很宽)


溢出:可见
是大多数元素上溢出的默认值,缩小后它根本不会剪辑内容,因此没有滚动条

我知道这是一个老问题,但这里有一个解决方案

.element{
溢出y:滚动;
}
此解决方案并不理想,因为即使没有内容,它也会保持滚动条的存在,但当内容超过其容器高度时,它会防止滚动条进入或离开视图。我在
body
元素中使用此选项,用于动态加载内容并在内容出现时向旁边闪烁的情况


我也更喜欢这个,而不是普通的
溢出:滚动
,因为它不会在容器底部添加不必要的滚动条,因为这通常不是问题所在。

我知道这是一个老问题,但这里有一个解决方案

.element{
溢出y:滚动;
}
此解决方案并不理想,因为即使没有内容,它也会保持滚动条的存在,但当内容超过其容器高度时,它会防止滚动条进入或离开视图。我在
body
元素中使用此选项,用于动态加载内容并在内容出现时向旁边闪烁的情况


我也更喜欢这个,而不是普通的
溢出:滚动
,因为它不会在容器底部添加不必要的滚动条,因为这通常不是问题所在。

我认为IE是唯一支持覆盖内容的滚动条的浏览器。对于其他浏览器,我认为您必须采用自定义滚动条方式。@hungerstar,使用@TricksfortheWeb很有趣,但不是真正的跨浏览器解决方案。为什么将其标记为“java”?你是说javascript吗?@VGR很好,我是说javascript。修正了标签!我认为IE是唯一支持覆盖内容的滚动条的浏览器。对于其他浏览器,我认为您必须采用自定义滚动条方式。@hungerstar,使用@TricksfortheWeb很有趣,但不是真正的跨浏览器解决方案。为什么将其标记为“java”?你是说javascript吗?@VGR很好,我是说javascript。修正了标签!