如何在頁面頂部保留菜單欄？

Question

我試圖讓我的菜單欄停留在頁面頂部，就像我的訓練營項目&團隊登陸頁面上的https://forbes.com一樣。

我不知道該怎麼做：https://github.com/JonDevOps/W3Develops-new-landing-page

我希望它留在頁面的頂部，甚至當我滾動一路下跌。

Answer 1

使用位置固定：使用下面的代碼

.menubar { 
    position: fixed; 
    top: 0; 
    left: 0; 
    right: 0; 
    height: {your height} 
} 

Answer 2

嘗試。

.menubar { 
    position: fixed; 
    top: 0; 
    width: 100%; 
    z-index: 999; 
} 

Answer 3

把這個你的CSS包裝頭

位置：固定; top：0;身高：15％;寬度：100％; z-index：999;