CSS / Javascript菜单固定位置问题（滚动时）

Question

这是我的小提琴：

https://jsfiddle.net/0sawc7vL/1/

这就是问题所在：

.topmenu-ul li ul {
    font-size: 0;
    display: none;
    list-style: none;
    position: fixed;
    top: 35px;
    left: -32px;
}

菜单很完美，就像现在一样。唯一的问题是，当我有一个可以滚动的页面时。子菜单（带有“仪表板”链接等）保持原位，因为它是固定的。当我删除“position = fixed”属性时，整个菜单被搞砸了。当我把它改为亲戚时也一样。有什么建议吗？

Answer 1

添加

position:relative

到

nav class="nav" 

元素。

Answer 2

您应该像这样更改

.topmenu-ul li ul {
    font-size: 0;
    display: none;
    list-style: none;
    position: absolute;
    top: 35px;
    left: -32px;
}