如何在弹出窗口中进行垂直滚动并使用CSS禁用页面的垂直滚动？

Question

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

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

Answer 1

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

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

现在，如果您的弹出窗口内容不符合50像素高，并且您将滚动它，则会弹出弹出窗口中的内容而不是整个文档内容。