如何在页面顶部保留菜单栏？

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;