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