如何在某些 div 上方打开下拉菜单（Bootstrap-UI）？答案

【问题标题】：How to open Dropdown (Bootstrap-UI) above some divs?如何在某些 div 上方打开下拉菜单（Bootstrap-UI）？
【发布时间】：2014-11-21 06:14:23
【问题描述】：

当我单击网格内的单元格（AngularjJS 的 ng-grid）时如何打开引导下拉菜单？
我只能部分打开它。

Here'splunker

【问题讨论】：

【解决方案1】：

您必须在 .dropdown 类中将 relative 替换为 absolute。为了获得想要的效果，我在 head 元素的底部添加了这个

<style>
    .dropdown {
      position: absolute;
    }
</style>

【讨论】：

为什么看不到下拉列表中的行？
可能是因为您在 ng-controller 中有错误。当我用 Chrome 设置线条时，我通常可以看到它们
我不是 Angular 的人，但您将 cellTemplate 作为字符串传递。在我看来，这部分没有编译。希望这个docs.angularjs.org/api/ng/service/$compile对你有帮助

【解决方案2】：

这是因为 overflow 在此元素中是 hidden。添加以下 CSS 以启用可见性。

.ui-grid-cell {
    overflow: visible;
}

这需要添加到 CSS 中所有其他样式的下方，以确保它不会被其他规则覆盖。

【讨论】：

【解决方案3】：

您可以使用https://github.com/vergerf/angular-scroll-dropdown。

它在overflow: hidden; 或overflow: auto; 环境中非常有用。

【讨论】：