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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章