当我滚动时如何保持我的顶级菜单保持固定

Question

我的网站：http://calisyo.com/product-category/?product=?/jacket-2-poche/

我的菜单有问题，当我scrool他也滚动

在此页面中，我希望顶部菜单在用户/成员滚动时保持在页面顶部。

Answer 1

所以看看你的网站，当我在开发工具中玩游戏时，如果我注释掉了“横幅 - 棒”，那么它一直保持在顶部。我只会使用固定的位置，尽量不要乱用JS来改变页面滚动的css类

Answer 2

使用下面的css

  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  margin-top: 0;

Answer 3

尝试添加此CSS规则：

header#masthead.banner--stick {
    margin-top: 0;
}