【问题标题】:CSS Dropdown with Absolute Position Overflow Scrollable Parent具有绝对位置溢出可滚动父级的 CSS 下拉菜单
【发布时间】:2020-04-06 08:32:27
【问题描述】:

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

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

https://ik9u2.csb.app/

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

【问题讨论】:

    标签: css position css-position overflow absolute


    【解决方案1】:

    将下拉项类更改为固定位置,以防止它被滚动隐藏

    然后将下拉菜单与按钮对齐,移除为dropdown-item类设置的top和left值,并将span的下拉类设置为inline-block,使下拉窗口出现在按钮下方 如果您想像现在一样将下拉窗口保留在按钮上方,请改用 inline-grid

    【讨论】:

      猜你喜欢
      • 2014-06-16
      • 2020-10-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-01-27
      • 1970-01-01
      相关资源
      最近更新 更多