Html 如何在弹出窗口上实现垂直滚动,并使用CSS禁用页面的垂直滚动?

Html 如何在弹出窗口上实现垂直滚动,并使用CSS禁用页面的垂直滚动?,html,css,Html,Css,我正在为小型设备开发响应性网站。我需要显示弹出窗口(纯div),并使可能的垂直滚动由于大的内容。而不是滚动我的弹出主页滚动 我的问题是如何禁用主页滚动和仅滚动弹出窗口?您可以设置弹出窗口的高度,然后将溢出设置为自动 .popup{ height:50px; overflow:auto; } 现在,如果您的弹出窗口有一个大的内容,高度不适合50像素,您将在其上滚动,弹出窗口中的内容将被滚动,而不是整个文档内容。您可以添加html{overflow:hidden;}以便主页不滚动,当然

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


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

您可以设置
弹出窗口的高度,然后将
溢出设置为
自动

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

现在,如果您的弹出窗口有一个大的内容,高度不适合50像素,您将在其上滚动,弹出窗口中的内容将被滚动,而不是整个文档内容。

您可以添加
html{overflow:hidden;}
以便主页不滚动,当然,除非需要,否则在不设置像素高度的情况下,是否可以使其正常工作?@Erik但您希望弹出窗口的高度是多少?以填充手机的高度sceen@Erik如果希望弹出窗口的高度等于屏幕高度,请将其设置为100%。