关于移动端的滚动穿透，别再跟风复制代码了

  临近国庆，包车要上个活动中心的项目，也是就个活动长列表，里面很多活动入口，每个活动都有自己的活动规则，如下图：


  这就会导致一个移动端极其恶心的问题也就是弹框滚动穿透，接下来就聊聊这个问题。
  网上的文档大概可以分为三类：1：body { overflow: hidden }； 2：body { position:：fixed； top： 0 ； left：0 }；3： 阻止事件冒泡，也就是给弹框的蒙层加addEventListener(‘touchmove’, function(e){ e.preventDefault() })； 不得不吐糟的就是大部分人都是在粘贴复制，根本没有自己实际去操作过到底这几种方法有没有实际的作用。
  先说第一种，这种方法在chrome浏览器的模拟器里是可以的，但是手机上有问题，第二种在浏览器包括安卓手机也是可以的，但