我正在创建一个多级弹出菜单,该菜单稍后将成为日期范围选择器的一部分,以便能够选择时间段。这是jsfiddle:https://jsfiddle.net/6t72hd4x/1/
我试图在.inner-list
类中启用overflow-y: auto;
,以处理年度列表的垂直溢出(https://jsfiddle.net/6t72hd4x)然而,这扰乱了水平溢出 - 内部列表不再可见。添加overflow-x: visible
没有帮助。
有没有办法同时使内部菜单和垂直滚动成为可能?
只是想提一下,我是一个前端经验很少的后端开发人员,所以我在这里的方法可能是完全错误的。
如果您不想使用 javascript 来决定"qarter/月份属于哪一年",快速解决方法是相对于视口定位溢出容器的子元素 ( position:fixed;
): https://jsfiddle.net/69yLp2fa/16/
编辑
或者使用绝对定位,但规则是不在同一容器上使用overflow
和position
。为溢出元素创建另一个容器并将位置移动到那里,以便绝对定位的子项不会相对于溢出祖先放置:https://jsfiddle.net/hg8rbksy/2/