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

最新推荐文章于 2024-06-25 14:02:33 发布

黎成诃月

最新推荐文章于 2024-06-25 14:02:33 发布

阅读量686

点赞数

分类专栏：前端-javaScript 前端-jquery

本文链接：https://blog.csdn.net/weixin_40292626/article/details/102543289

版权

前端-javaScript 同时被 2 个专栏收录

53 篇文章 0 订阅

订阅专栏

前端-jquery

5 篇文章 0 订阅

订阅专栏

//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);