也就是所谓的移动端滚动穿透问题
一、body{ overflow:hidden }
。一般PC端这样就行了,但在移动端可就不行了,因为他有touchmove。
二、可以阻止弹层的touchmove事件,但如果你的弹层内的内容需要滑动,这种方法pass
三、后来找到一个比较简单粗暴的方法
body,html {
overflow: hidden; // 适用PC端模拟时的鼠标滚轮,防不懂事的测试或产品找茬
position: fixed;
width: 100%;
top: 0;
}
// top值可以用js获取你当前的scrolltop