2014-09-10 102 views
3

enter image description here日期选择部分地由溢流-Y滚动

我建立其内部的我有一个面板的自举-网格列隐藏。

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

不幸的是,日期选择器弹出窗口被部分隐藏,因为溢出-Z和溢出-X造型使滚动的:

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

是否有可能与一些CSS技巧来克服这个?

我已经找到了答案,当弹出的元素可以放在div的外部,但在我的情况下,我使用的是一个来自Angular-strap库的指令,所以我需要把它放在里面。

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

+0

弹出对我来说很好 – 2014-09-10 18:54:37

+0

@JordanD你打开全屏视图? – vonwolf 2014-09-10 19:35:19

+0

是的,没有任何溢出 – 2014-09-10 19:36:04

回答

9

那么,既然没有人费心去回答,我只是找到了答案今天,这实际上是非常简单。

我只需要在属性补充一点:

data-container="body" 

Plunker here

+0

真棒,其实我正在寻找:) – 2016-01-18 10:18:39

+0

感谢您的回答。这将工作的引导datetimepicker?因为我不能在这里应用这种方法。 – johannesMatevosyan 2017-01-24 12:39:42

+0

对不起,我不能告诉你。我现在使用自定义日期选择器。 – vonwolf 2017-01-25 09:02:41