我正在尝试创建网站的一部分,其中可滚动部分中有下拉菜单。可滚动部分在Y方向上溢出,因为它将具有未知数量的项目。每个项目都有其自己的下拉列表,该下拉列表位于绝对位置。

理想情况下,在此演示中(单击下面的链接),单击第11行或第12行,我将能够具有绝对定位的下拉列表,而无需考虑父对象的溢出(即,它不会被切断)。那有可能实现吗?

https://ik9u2.csb.app/

编辑原始代码和框链接:https://codesandbox.io/s/cranky-noether-ik9u2

最佳答案

将dropdown-item类更改为固定位置,以防止其被滚动隐藏

然后,要使下拉菜单与按钮对齐,请删除为dropdown-item类设置的上下两个值,并将范围的下拉菜单类设置为inline-block,以使下拉窗口显示在按钮下方
如果您希望将下拉窗口保留在按钮上方,请使用inline-grid代替

关于css - 具有绝对位置溢出可滚动父级的CSS下拉列表,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/59313243/

10-12 00:17
查看更多