如何禁止遮罩层下方页面滚动(包括手机端和PC端)

注意如果不设置html,在手机端不起作用,同样手机端需要添加阻止默认事件

//阻止默认事件
				$('body').on('touchmove',function(event){//手机端添加此段
					event.preventDefault();
				},false)
				//点击打开遮罩层
				$('#participate').click(function(){
					$('.participating').removeClass('none');
					//禁止滚动
					$('html,body').css('overflow','hidden');
				})
                //点击关闭遮罩层
				$('#participateMaskClose').click(function(){
					$('.participating').addClass('none');
					$('#propertyName').val('');
                    //放开滚动禁止
					$('html,body').css('overflow','initial');
				})

 

你可能感兴趣的:(如何禁止遮罩层下方页面滚动(包括手机端和PC端))