html - 如何使用 CSS 在弹出窗口上实现垂直滚动并禁用页面的垂直滚动？

Question

我正在为小型设备开发响应式网站。我需要显示弹出窗口(纯 div)并由于内容较大而使垂直滚动成为可能。而是滚动我的弹出主页。

我的问题是如何禁用主页滚动和仅滚动弹出窗口？

Answer 1

您可以设置 .popup 的高度，然后将 overflow 设置为 auto

.popup{
   height:50px;
   overflow:auto;
}

现在，如果您的弹出窗口包含大量内容，高度不适合 50 像素，并且您将在其上滚动，则弹出窗口中的内容将滚动，而不是整个文档内容。