在我开始之前,我想让你知道我一直在寻找解决我问题的方法,但是我发现最接近的线程却没有解决实际问题 - {{3 }}
基本上我有主页面,我动态加载其他一些页面,其中一些我使用下拉列表框。碰巧我之前没有注意到它的内容,因为任何页面的内容都不足以让我发现问题。
我面临的问题是这个div的父级绝对定位div(包含下拉列表)和可见的水平滚动条。当我水平滚动页面时,下拉div保持在屏幕上的相同位置。我读到了"弹出"这个链接下的绝对div:
Position absolute inside div with overflow-x scroll and overflow-y visible但即使在那里,我也可以观察到我目前面临的类似问题,它出现在父元素的垂直滚动上。
我试图实现类似的效果如下:
https://css-tricks.com/popping-hidden-overflow/但是当列表框展开时停止显示垂直滚动条 - 相反它应该溢出框和方盖水平滚动条。
在这里我找到了另一个提示示例我怎样才能实现它 http://jsfiddle.net/matcygan/4rbvewn8/7/但是当我尝试使用它并使红色框可以滚动内容以及在内容之外垂直溢出,而不创建垂直滚动条时,我失败了.. 。
如果使用JS本身的CSS无法提供这样的效果,我也可以使用JS。
经过3天的战斗后,CSS赢了,我需要寻求帮助......
任何支持将不胜感激。
提前致谢。