如何在多级弹出菜单中的某些级别上启用垂直滚动



我正在创建一个多级弹出菜单,该菜单稍后将成为日期范围选择器的一部分,以便能够选择时间段。这是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/


编辑

或者使用绝对定位,但规则是不在同一容器上使用overflowposition。为溢出元素创建另一个容器并将位置移动到那里,以便绝对定位的子项不会相对于溢出祖先放置:https://jsfiddle.net/hg8rbksy/2/

最新更新