滑块菜单中不显示下拉菜单

时间:2016-03-30 06:22:43

标签: html css drop-down-menu position angular-ui-bootstrap

我有一个非常烦人的错误,我无法找到答案。我有一个菜单滑块,每个项目都有一个下拉菜单。滑块本身是定制的,但下拉功能由UI-Bootstrap提供。

这是一个简单的小提琴,我已经做了更多关于这个问题: https://jsfiddle.net/Lus92rqm/7/

如果您可以在CSS标签中看到,我已经添加了一些关于我认为问题来自哪里以及我遇到的可能解决方案的评论。基本上,由于overflow: hidden附加了.menu-slider-wrapper样式,所有事情都无法正常工作。我需要它,因为我想隐藏所有不在可见区域内的物品 - 这个容器的570px宽度。

我还尝试将position: fixed添加到.dropdown-menu类并认为它工作正常,直到我尝试向下滚动页面...显示的菜单滚动页面不是我正在寻找的行为。

还有一点是我绝对需要position: relative附加到.menu-slider类,因为这样我可以将滑块从左向右移动并相反 - 更改left属性它的。

Sooo,有任何想法我是如何设法锻炼这个东西的人? 谢谢! :)

1 个答案:

答案 0 :(得分:0)

您需要使用dropdown-append-to-body,请参阅文档页面上的example