问如何在元素容器上滚动，该容器位于像YouTube顶部区域一样的覆盖下？

EN

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.container {
  width: 100vw;
  height: 100vh;
  background: aqua;
  overflow: hidden;
  overflow-y: scroll;
}

.container::-webkit-scrollbar {
  width: 0.75rem;
}

.container::-webkit-scrollbar-track {
  background: #3d3a3a;
}

.container::-webkit-scrollbar-thumb {
  background: rgb(214, 210, 210);
  border-radius: 100vw;
}

.container p {
  width: 60%;
  height: 200px;
  background: chocolate;
  margin: 0 auto 2rem auto;
}

.navbar {
  width: 100%;
  height: 3.5rem;
  background: red;
  position: fixed;
  top: 0;
  left: 0;
}

<div class="container">
  <div class="navbar"></div>
  <p>
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia voluptates aspernatur autem, minima deserunt iure ex sint ea officiis sit, a eos esse culpa voluptatum error, excepturi exercitationem ut quo consequatur amet odio similique sequi. Aut labore
    animi maxime vel aspernatur sunt odio ex dolores architecto ut! Possimus perferendis doloribus expedita porro, quia accusantium odit nesciunt. Saepe non, nihil iure sequi ipsum magni repellendus labore debitis impedit tempora molestias nobis voluptates
    in illum. Eum, architecto. Ab nemo ullam illum beatae cupiditate in modi consequatur voluptas voluptate alias non, obcaecati, fugiat ea, quas tempore veritatis quam facere voluptatibus magni debitis ipsam?
  </p>
  <p>
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia voluptates aspernatur autem, minima deserunt iure ex sint ea officiis sit, a eos esse culpa voluptatum error, excepturi exercitationem ut quo consequatur amet odio similique sequi. Aut labore
    animi maxime vel aspernatur sunt odio ex dolores architecto ut! Possimus perferendis doloribus expedita porro, quia accusantium odit nesciunt. Saepe non, nihil iure sequi ipsum magni repellendus labore debitis impedit tempora molestias nobis voluptates
    in illum. Eum, architecto. Ab nemo ullam illum beatae cupiditate in modi consequatur voluptas voluptate alias non, obcaecati, fugiat ea, quas tempore veritatis quam facere voluptatibus magni debitis ipsam?
  </p>
  <p>
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia voluptates aspernatur autem, minima deserunt iure ex sint ea officiis sit, a eos esse culpa voluptatum error, excepturi exercitationem ut quo consequatur amet odio similique sequi. Aut labore
    animi maxime vel aspernatur sunt odio ex dolores architecto ut! Possimus perferendis doloribus expedita porro, quia accusantium odit nesciunt. Saepe non, nihil iure sequi ipsum magni repellendus labore debitis impedit tempora molestias nobis voluptates
    in illum. Eum, architecto. Ab nemo ullam illum beatae cupiditate in modi consequatur voluptas voluptate alias non, obcaecati, fugiat ea, quas tempore veritatis quam facere voluptatibus magni debitis ipsam?
  </p>
  <p>
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia voluptates aspernatur autem, minima deserunt iure ex sint ea officiis sit, a eos esse culpa voluptatum error, excepturi exercitationem ut quo consequatur amet odio similique sequi. Aut labore
    animi maxime vel aspernatur sunt odio ex dolores architecto ut! Possimus perferendis doloribus expedita porro, quia accusantium odit nesciunt. Saepe non, nihil iure sequi ipsum magni repellendus labore debitis impedit tempora molestias nobis voluptates
    in illum. Eum, architecto. Ab nemo ullam illum beatae cupiditate in modi consequatur voluptas voluptate alias non, obcaecati, fugiat ea, quas tempore veritatis quam facere voluptatibus magni debitis ipsam?
  </p>
  <p>
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia voluptates aspernatur autem, minima deserunt iure ex sint ea officiis sit, a eos esse culpa voluptatum error, excepturi exercitationem ut quo consequatur amet odio similique sequi. Aut labore
    animi maxime vel aspernatur sunt odio ex dolores architecto ut! Possimus perferendis doloribus expedita porro, quia accusantium odit nesciunt. Saepe non, nihil iure sequi ipsum magni repellendus labore debitis impedit tempora molestias nobis voluptates
    in illum. Eum, architecto. Ab nemo ullam illum beatae cupiditate in modi consequatur voluptas voluptate alias non, obcaecati, fugiat ea, quas tempore veritatis quam facere voluptatibus magni debitis ipsam?
  </p>
</div>