CSS/Javascript菜单固定位置问题(滚动时)
这是我的小提琴: 问题就在这里:CSS/Javascript菜单固定位置问题(滚动时),javascript,css,scroll,menu,fixed,Javascript,Css,Scroll,Menu,Fixed,这是我的小提琴: 问题就在这里: .topmenu-ul li ul { font-size: 0; display: none; list-style: none; position: fixed; top: 35px; left: -32px; } 菜单和现在一样完美。唯一的问题是,当我有一个可以滚动的页面时。子菜单(带有“dashboard”链接等)保持不变,因为它是固定的。当我删除“position=fixed”属性时,整个菜单都被搞砸
.topmenu-ul li ul {
font-size: 0;
display: none;
list-style: none;
position: fixed;
top: 35px;
left: -32px;
}
菜单和现在一样完美。唯一的问题是,当我有一个可以滚动的页面时。子菜单(带有“dashboard”链接等)保持不变,因为它是固定的。当我删除“position=fixed”属性时,整个菜单都被搞砸了。当我将其更改为相对时也是如此。有什么建议吗?你应该这样改变它
.topmenu-ul li ul {
font-size: 0;
display: none;
list-style: none;
position: absolute;
top: 35px;
left: -32px;
}
加
到
元素。将其更改为
位置:绝对
我以前尝试过,但没有成功。现在我明白为什么了,因为我有其他CSS的东西:P我编辑了我的提琴:我也尝试过,但我现在编辑了我的提琴,因为我有一些额外的CSS样式在那里。很棒的东西,非常感谢,希望我可以检查这两个作为接受的答案!只要他的解决方案解决了你的问题,他就活该。
position:relative
nav class="nav"