叠加背景色会滚动消失

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，现在可以使用。

感谢您的支持。