页面滚动穿透解决方案

问题

移动端当有 fixed 遮罩背景和弹出层时，在屏幕上滑动能够滑动背景下面的内容。

这是封装的一个方法，

StopBodyScroll: function (isFixed) {
    try {
		var bodyEl = document.body;
		if (isFixed) {
			var top = window.scrollY
		    bodyEl.style.position = 'fixed'
		    bodyEl.style.top = -top + 'px'
		 } else {
		    bodyEl.style.position = ''
		    bodyEl.style.top = ''
		    window.scrollTo(0, top) // 回到原先的top
		 }

    } catch (err) {
		 console.log(err);
	}
},

  参数为true 或 false

 true为背景滚动禁用，

每次触发弹窗的时候调用，关闭弹窗的时候再调用关闭。