使用overflow:hidden在div父级内显示一个弹出窗口

时间:2013-11-19 09:47:58

标签: javascript html css angularjs

我正在写angularJS,我找不到一个舒适的解决方案来解决这个问题 - 我有div元素overflow: hidden属性(因为我使用的是内部滚动条),在div内部我有一个dropdown菜单,由按钮点击触发。 遗憾的是,dropdown部分隐藏(因为它超出了div父级的边界。

到目前为止,我发现的最佳解决方案是将弹出窗口动态添加到正文并计算每次按钮单击的位置,但由于我还使用了滚动条,因此它有点复杂......

任何帮助将不胜感激。 谢谢! 衬纬平纹呢

1 个答案:

答案 0 :(得分:1)

通常你不应该删除overflow: hidden;属性,或者使用absolute位置作为你的div和下拉菜单,这可能有点棘手(进行一些搜索,那里) Stackoverflow上有很多主题。

但是您可以使用position: fixed;来实现它,因为它知道它将取决于浏览器;看一个有效的例子:http://jsfiddle.net/Nf7u4/