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