移动端如果过长的页面有弹窗出现的话,滑动页面,遮罩层后面的页面也会跟着滑动,这就导致了滑动穿透的问题。
总结了几种方法,也许有所欠缺,望见谅
1.使用css禁用滑动。列表容器的父元素样式上增加 overflow:hidden.
禁止滑动
2.阻止弹窗的touchmove 默认事件
el.addEventlisten('touchmove',function(){
e.preventDefault();
},false);
3.使用固定定位的方式: positon:fixed