由overflow-y滚动部分隐藏的Datepicker

Question

我正在构建一个bootstrap-grid列,其中有一个面板.

在这个面板里面我有一个日期选择器,并且必须有很多其他控件,所以我需要能够在面板内向下滚动(仅限y轴).

不幸的是,由于overflow-z和overflow-x样式允许滚动,因此datepicker弹出窗口被部分隐藏:

<div style="height: 480px;overflow-y: scroll;overflow-x:hidden;">
...
</div>

有可能用一些CSS技巧克服这个问题吗？

当弹出的元素可以放在div之外时,我找到了答案,但在我的情况下,我正在使用Angular-strap库中的指令,所以我需要把它放在里面.

我已经设置了一个plunker来说明问题(你需要全视图才能看到它):plunker

Answer 1

好吧,既然没有人费心去回答,我今天刚刚找到答案,实际上非常简单.

我只需要在属性中添加它:

data-container="body"

这里的人物