我正在尝试创建网站的一部分,其中可滚动部分中有下拉菜单。可滚动部分在Y方向上溢出,因为它将具有未知数量的项目。每个项目都有自己的下拉菜单,该下拉菜单的位置绝对正确。
理想情况下,在此演示中(单击下面的链接),单击第11或12行,我将能够拥有一个绝对定位的下拉列表,而无需考虑父对象的溢出(即,它不会被切断)。那有可能实现吗?
edit 原始代码和框链接:https://codesandbox.io/s/cranky-noether-ik9u2
答案 0 :(得分:0)
将dropdown-item类更改为固定位置,以防止其被滚动隐藏
然后将下拉菜单与按钮对齐,删除为dropdown-item类设置的顶部和左侧的值,并将span的下拉列表类设置为inline-block以使下拉窗口显示在按钮下方 如果您希望将下拉窗口保留在按钮上方,请改用inline-grid