IOS系统iphone6系列机型，CSS滚动穿透失效问题

需求：点击按钮弹窗（窗口内容超过一屏），此时需要弹窗滚动内容

问题：iphone6等设备兼容测试发现，无法滚动，试了网上很多方法不好使（body设置overflow：hidden；阻止默认行文e.preventDefault() 等等）

---

解决：

看到有人说开Y轴，关X轴，再加上-webkit-overflow-scrolling: touch;  测试，成功！！！

// 弹窗样式添加
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch; // 关键

---

偶然发现，vant库是pop唤起时也是通过样式解决，不过设置了important级别，有兴趣的小伙伴可以测试一下

// css
.over-flow-imp {
    overflow: hidden!important;
}

// js
// 弹窗唤起时，为body父容器添加overflow，消失时移除

const bodyRef = document.querySelectAll('body')
bodyRef.classList.add('over-flow-imp')

bodyRef.classList.remove('over-flow-imp')