html - slider 菜单中不显示下拉菜单

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

我遇到了一个非常烦人的错误,我找不到解决办法。我有一个菜单 slider ,每个元素都有一个下拉菜单。 slider 本身是定制的,但下拉功能由 UI-Bootstrap 提供。

这是一个简单的 fiddle ,我制作它是为了更多地了解这个问题: https://jsfiddle.net/Lus92rqm/7/

如果您可以在 CSS 选项卡中看到,我已经添加了一些评论,说明我认为问题出在哪里以及我遇到的可能解决方案。所以基本上,由于附加到 .menu-slider-wrapperoverflow: hidden 样式,所有的东西都不起作用。不过我需要它,因为我想隐藏所有不在可见区域中的元素 - 此容器的 570px 宽度。

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

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

Sooo,有人知道我如何设法锻炼这个东西吗? 谢谢! :)

最佳答案

您需要使用 dropdown-append-to-body,参见 example在文档页面上。

关于html - slider 菜单中不显示下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36301182/

相关文章:

html - 如何将 div 元素向左移动一点

css - 在父 div 中 float 带有文本的 div

html - 如何为 NReco PdfGenerator 垂直对齐 HTML 标签中的文本

html - 当浏览器水平调整大小时,图像缩小

javascript - 使用javascript显示在列表项点击时显示下拉内容的div

php - Str_Replace 正在替换 php 语法

html - CSS 将一个 div 的边距设置为等于另一个 div 的宽度

html - css:向左导航滚动

css - IE 下拉 z-index 错误

drop-down-menu - Kendo DropDownList 在网格中首次单击时打开和关闭