方法一:将body设置为fixed(滚动条会消失,页面会抖动,比较麻烦)
//弹层背景滑动问题
var top1 = 0;
function stopBodyScroll(isFixed) {
var bodyEl = document.body
if (isFixed) {
top1 = window.scrollY
bodyEl.style.position = 'fixed'
bodyEl.style.top = -top1 + 'px'
}else{
bodyEl.style.position = ''
bodyEl.style.top = ''
window.scrollTo(0, top1) // 回到原先的top
}
}
// 关闭滑动
stopBodyScroll(true);
$('body').css({'position':'fixed',"width":"100%"});
// 开启滑动
stopBodyScroll(false);
$("body").css({"position":"initial"});
方法二:在body上添加overflow:hidden(滚动条会消失,页面会抖动,简单粗暴)
//禁用滚动条
function unScroll(){
$('body').css("overflow-Y","hidden");
}
//停止禁用滚动条
function removeUnScroll() {
$('body').css("overflow-Y","hidden");
}