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;
}