提示:本站收集StackOverFlow近2千万问答，支持中英文搜索，鼠标放在语句上弹窗显示对应的参考中文或英文， 本站还提供 中文繁体 英文版本 中英对照 版本，有任何建议请联系yoyou2525@163.com。
我在容器中居中放置了一个简单的div，如下所示：
.popup-fixed-info{
position:fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) !important;
overflow-y:scroll;
max-height:80%;
visibility:hidden;
opacity:0;
z-index:10;
}
在元素上单击，我将此简单的jQuery函数称为
function open_popup(class_to_open) {
$('.popup-fixed-info').css("visibility", "visible");
$('.popup-fixed-info').css("opacity", "1");
}
想法是，当我滚动'.popup-fixed-info'div时，背景滚动而不是div本身。
要解决此问题，您需要隐藏身体溢出。 在jQuery中执行此操作：
function open_popup(class_to_open) {
$('.popup-fixed-info').css("visibility", "visible");
$('.popup-fixed-info').css("opacity", "1");
$('body').css("overflow", "hidden");
}
然后在关闭弹出窗口时将其删除。 无论您有什么功能。
$('body').css("overflow", "auto");
声明：本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.