小程序弹出弹框后，底层内容禁止滚动

方法一：

给背景内容加position：fixed，
不可取，因为底部内容会自动滑动到顶部

css：
.fixed{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

方法二：

用catchtouchmove= 'return'，catchtouchmove="return"仅触摸背景区域时不穿透底部.

此方法仅在真机上有效，而在模拟器上因为鼠标滚轮，所以看不到效果，小程序本来就是运行在真机上的，所以方法有效，模拟器上有效无效其实无所谓。

//此处为弹窗内容
 //外层加 catchtouchmove="return"仅触摸背景区域时不穿透底部.
     //在每个小的区域内加 catchtouchmove="return"
     // 有需要滚动的列表区域位置不要加 catchtouchmove="return", 否则列表无法滚动
        滚动列表1
        滚动列表2
        滚动列表3
        滚动列表4
    

--------------------- 
作者：Sophia0326 
来源：CSDN 
原文：https://blog.csdn.net/Sophia0326/article/details/81779696 
版权声明：本文为博主原创文章，转载请附上博文链接！

方法三：

使用catchtouchmove="true"，效果和方式二相似，