Наложение цвета фона прокручивается

Question

Я пытаюсь создать наложение, которое показывает длинное сообщение. Вы можете прокрутить и прочитать его, и вы можете закрыть оверлей.

Наложение имеет цвет фона, но когда я прокручиваю оверлей, чтобы увидеть текст, фон прокручивается вместе с ним. Я хочу, чтобы цвет фона оставался там до тех пор, пока наложение не будет скрыто.

<div id="message-overlay">
      <p>
        Blah blah blah - long message
      </p>
      <button>
        Closes the overlay, this works
      </button>
</div>

#message-overlay {
      position: absolute;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: red;
}

Answer 1

Я только что добавил:

overflow: auto;

к моему оверлею CSS, и теперь оно работает.

Спасибо за поддержку.