解决ios移动端双滚动条导致滚动穿透问题
解决方案1 在弹出层的 touchstart 事件中调用 preventDefault 这种方法不可取，至少有3个缺点： 如果弹出层本身是有滚动（条）的话，将会导致弹出层无法滚动，此时用这种方法无异于饮鸩止渴。 一个很常见的场景，点击弹出层，弹出层消失掉，此时也无法触发弹出层的点击回调事件。 弹出层内的任何事件都执行不了了。 解决方案2 此解决方案是解决方案1的升级版。 在弹出层的 touchmove （注意区别）事件中调用 preventDefault 这种解决办法没有了第一种解决办法的 2, 3 缺点。适用于弹出层本身有没有滚动（条）。 解决方案3 设置body{overflow:hidden;} 缺点：经测试，在PC上支持良好，但是在IOS端，跟没有设置是一样的，完全不起任何作用！。 这种解决方案适用于PC端。 解决方案4 设置 html,body{overflow:hidden;} 在PC和移动端都能禁止掉下层的滚动。 缺点： 滚动位置丢失！页面会回到顶部！ 页面的背景还是能够有滚的动的效果（这个我没遇到）。 可通过js来fix这个缺点，在弹出层出现时，记录页面的 scrollTop ，当弹出层消失时，把先前记录的 scrollTop 再次赋予页面。 终极完美解决方案 此解决方案能够避免上述所有缺点。堪称完美。 （这个方案会导致主页面display:flex