固定菜单在顶部和横幅

Question

怎样才能不管往下逛都能有固定的菜单在最上面呢？ 这是 codesandbox 链接： https://codesandbox.io/s/sample-only-g1svw?file=/src/styles.css:247-357

如果我试试这个 css：

#header {
  height: 100vh;
  background-size: cover;
  background-attachment: fixed;
  max-width: 100%;
  overflow-x: hidden;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  z-index: 9000;
  width: 100%;
  height: 80px;
  background-image: url("https://wallpaperaccess.com/full/2409545.jpg");
}

横幅消失：

使用position: sticky; 这是它的样子：

Answer 1

#navigator { 
  top: 0px; 
  left: 0px; 
  position: fixed; 
  z-index: 1000; 
}