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

时间:2014-09-10 18:53:11

标签: css twitter-bootstrap datepicker overflow

enter image description here

我正在构建一个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

1 个答案:

答案 0 :(得分:10)

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

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

data-container="body"

Plunker here

相关问题