在具有溢出的 div 父级中显示一个弹出窗口：隐藏答案

【问题标题】：Display a popover inside a div parent with overflow:hidden在具有溢出的 div 父级中显示一个弹出窗口：隐藏
【发布时间】：2013-12-02 19:18:06
【问题描述】：

我正在用 angularJS 编写代码，但我找不到适合此问题的解决方案 - 我有一个带有overflow: hidden 属性的div 元素（因为我使用的是内部滚动条），在div 里面我有一个dropdown 菜单，由单击按钮触发。不幸的是，dropdown 部分隐藏（因为它超出了其 div 父级的边界。

到目前为止，我发现的最佳解决方案是将弹出框动态添加到正文并计算每次按钮单击的位置，但这有点复杂，因为我也在使用滚动条...

任何帮助将不胜感激。谢谢！塔米

【问题讨论】：

你有示例 html 来演示这个问题吗？
这是您要找的东西吗？ jsfiddle.net/894MK

标签： javascript html css angularjs

【解决方案1】：

通常，如果不删除 overflow: hidden; 属性，或者在 div 和下拉菜单中使用 absolute 位置，您将无法做到这一点，这可能有点棘手（进行一些搜索，有很多Stackoverflow 上的主题）。

但是你可以用position: fixed;来实现它，知道它会依赖于浏览器；看一个工作示例：http://jsfiddle.net/Nf7u4/

【讨论】：