我有一个非常烦人的错误,我无法找到答案。我有一个菜单滑块,每个项目都有一个下拉菜单。滑块本身是定制的,但下拉功能由UI-Bootstrap提供。
这是一个简单的小提琴,我已经做了更多关于这个问题: https://jsfiddle.net/Lus92rqm/7/
如果您可以在CSS标签中看到,我已经添加了一些关于我认为问题来自哪里以及我遇到的可能解决方案的评论。基本上,由于overflow: hidden
附加了.menu-slider-wrapper
样式,所有事情都无法正常工作。我需要它,因为我想隐藏所有不在可见区域内的物品 - 这个容器的570px
宽度。
我还尝试将position: fixed
添加到.dropdown-menu
类并认为它工作正常,直到我尝试向下滚动页面...显示的菜单滚动页面不是我正在寻找的行为。
还有一点是我绝对需要position: relative
附加到.menu-slider
类,因为这样我可以将滑块从左向右移动并相反 - 更改left
属性它的。
Sooo,有任何想法我是如何设法锻炼这个东西的人? 谢谢! :)