解决手机网页内容层随着遮罩层滚动问题

Question

手机页面上加了一个遮罩层，但是后面的内容层总是随着遮罩层滚动，无论是在微信浏览器还是在 Safari 浏览器下，设置 html 和 body 为 ovefflow:hideen 也无效，求解决方案，尽量是 css 方法。

Answer 1

单纯用css是解决不了这个问题的，需要js的辅助

先定义css

.alpha {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.alpha body {
    height: 100%;
    overflow: hidden;
}

当你遮盖弹出的时候或者隐藏的时候让html切换class alpha

$('html').toggleClass('alpha');