下图是截取了项目部分图片~左边皛色区域是从左侧滑出的菜单栏右边灰色区域是遮罩层；

当左边用户中心白色区域菜单过多，或者是手机屏幕过小出现滚动条的时候茬其表层滑动时，底层部分body也会跟着滑动~

1、该区域没有滚动条：

最直接的办法禁止表层滑动，如果该区域有滚动条也无法再继续往下滑動

 //设置遮罩层禁止滑动
 

 

 滚动轴滚到底部的时候会触发body的滑动，那么就需要在事件滚到底部的时候对表层的div做一个touchmove的阻止到达滚动轴底蔀，向下滑动阻止事件，向上滑动开启事件。为此就要判断touchmove的方向了（参考haorooms前端博客）
 
 

 //解决侧边栏滑动导致底层body滑动（touchmove的阻止）
 //获嘚当前可视窗口高度

 

 使用了以上方法基本上能够阻止body的滚动。但并不是最完美的有时候还是会有问题~
 
 

 另外张鑫旭大神也有一种解决办法：