有弹出层时创建遮罩层并禁止屏幕滚动

function show_Win(div_Win, tr_Title, event) {//参数1：要显示的div的id，参数2：div里的头部，可移动的地方。参数3：暂时没用。
        var js_Title = $(document.getElementById("tr_Title")); //标题
        js_Title.css("cursor", "move"); //改变光标为可移动的图案
	//获取弹出层
	var msgObj = $("#" + div_Win); //要弹出的div的id名
	msgObj.css('display', 'block'); //必须先弹出此行，否则msgObj[0].offsetHeight为0，因为"display":"none"时，offsetHeight无法取到数据；如果弹出框为table，则为'',如果为div，则为block，否则textbox长度无法充满td
	//y轴位置
	var js_Top = -parseInt(msgObj.height()) / 2 + "px";
	//x轴位置
	var js_Left = -parseInt(msgObj.width()) / 2 + "px";
	msgObj.css({
		"margin-left": js_Left,
		"margin-top": js_Top
	});
	document.getElementById('bg').style.display = 'block';//遮罩层
	document.documentElement.style.overflowY = 'hidden'; //禁止屏幕滚动
	//使弹出层可移动
	msgObj.draggable({
		handle: js_Title,
		scroll: false
	});
}
 
//关闭弹出层
function closeLogin() {
	var closeRegisterPageLayerButton1 = document.getElementById("register");
	var closeRegisterPageLayerButton2 = document.getElementById("Login"); //根据ID获取登录弹窗对象
	closeRegisterPageLayerButton1.style.display = "none"; //给弹窗对象设置关闭操作
	closeRegisterPageLayerButton2.style.display = "none";
	document.getElementById('bg').style.display = 'none'; //关闭遮罩层
	document.documentElement.style.overflowY = 'scroll'; //屏幕可滚动
}

转自：https://blog.csdn.net/qq_41362025/article/details/82503269
作者:js小学生