问题描述

最近在做移动项目时遇到一个页面滚动穿透问题，具体场景是这样的，在一个可滚动的列表页中弹出一个蒙层，蒙层中的内容是可滚动的，底部的父页面理论上是不可滚动的，但是当滑动蒙层内容时，底部父页面会跟随滚动，这就是页面滚动穿透的问题。这个是比较常见的问题，基本都会遇到，Google一下出解决方案也是挺多的。以下列举一些解决方案：

在调用弹层的切换底部父页面的样式，可以切换HTML标签设置样式，禁用父页面滚动

body

当弹出蒙层的时候，可以添加底部父页面HTML标签的class，取消蒙层时则删除class

$('html').addClass('alpha'); $('html').removeClass('alpha');