CSS 滚动菜单 - 下拉菜单无法正确滚动
格里菲思
我有一个水平滚动菜单，其中一些主菜单项有一个下拉菜单。问题是，如果我滚动主菜单，下拉菜单不会跟随（绝对定位），或者如果我让它们跟随（相对），它们会将主菜单向上推。
绝对：
相对的：
CSS是：
.navbar {
width:100%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.dropdown-content {
display: none; //displayed on hover
position: absolute; //or relative
background-color: #f9f9f9;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
关于我可以做些什么来解决这个问题的任何建议？
我正在寻找的是绝对版本 - 注意下拉菜单落在滚动条上，而不是向下推 - 但子菜单正确对齐。
有关绝对定位的示例，请参见 jsfiddle：
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
- 上一篇：导入 featuretools 和 AttributeError: 模块 'tornado.platform.asyncio' 没有属性 'AnyThreadEventLoopPolicy'
- 下一篇：使用没有 GROUP BY 的 HAVING 没有按预期工作
相关文章
Related 相关文章
- 1
在CSS中尝试可滚动的下拉菜单
- 2
CSS下拉菜单无法正确隐藏/显示
- 3
使下拉菜单可滚动
- 4
单击下拉菜单滚动
- 5
CSS - 水平滚动菜单不滚动
- 6
CSS菜单下拉菜单
- 7
CSS下拉菜单在Chrome的“单击按钮”上单击并悬停即可向下滚动页面
- 8
CSS下拉菜单在悬停时将滚动条添加到标题div
- 9
我无法使用CSS下拉菜单
- 10
CSS下拉菜单无法正常工作
- 11
我无法使用CSS下拉菜单
- 12
CSS：无法转换下拉菜单
- 13
CSS下拉菜单
- 14
提前输入-滚动下拉菜单
- 15
滚动时下拉菜单会聚焦
- 16
下拉菜单导致滚动条
- 17
滚动时的jQuery下拉菜单
- 18
如何使下拉菜单可滚动
- 19
固定下拉菜单可滚动
- 20
CSS下拉菜单显示不正确
- 21
CSS下拉菜单-列表项未正确对齐
- 22
在固定的全屏菜单 CSS 中滚动
- 23
CSS下拉菜单问题
- 24
下拉菜单HTML + CSS
- 25
CSS下拉菜单/容器？
- 26
CSS Mega下拉菜单
- 27
CSS中的下拉菜单
- 28
CSS下拉菜单编辑
- 29
修复CSS下拉菜单
我来说两句