How can I have a fixed menu at the top regardless of strolling down? This is the codesandbox link: https://codesandbox.io/s/sample-only-g1svw?file=/src/styles.css:247-357

If I'll try this 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");
}

The banner disappears:

with position: sticky; this is what it looks like: