css - 固定粘性导航栏

Question

如何为我的网站获取固定导航？我希望我网站上的菜单在用户向下滚动以查看内容时保持在页面上。

当用户在页面底部向下滚动时，导航消失。我如何让它留下来？我试过使用它，但它不起作用。

/* 粘性类添加到导航栏 */

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

这是我网站的链接。 https://kickthebuddyapk.com/

谢谢!

Answer 1

尝试删除

.nav-secondary {
   margin-top: -100px; 
   padding-top: 100px;
}

并替换为

.nav-secondary {
    position: sticky;
    top: 0;
    background: white;
}