固定粘性导航栏

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

Answer 2

尝试添加：

#genesis-mobile-nav-secondary{top:0; position:sticky;}