js页面弹出框,遮罩层底部的页面不滑动

//html //css 
<body class="modal_open" style="-200px" >   <body>
.modal_open {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
全局————————————————————————————————————
var scrollTops;

//js //弹出框弹出时,记录页面滚动条的位置,设置body定位top位置。

scrollTops = $(window).scrollTop();
$("body").addClass('modal_open');
$("body").css({top: -scrollTops});
$('.bg-gray').css({display:"block"});


//关闭弹框时候,删除定位

$('.bg-gray').css({display:"none"});
$("body").removeClass('modal_open');
console.log(scrollTops,"=========");
$(document).scrollTop(scrollTops);

 

©️2020 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值