移动端iOS手机滚动穿透问题

Question

问题描述

增加了css 属性：-webkit-overflow-scrolling: touch;

在弹框内部滑动比较流畅，但是滑动弹框其他位置后，再滑动 修改密码 或 改绑手机 弹框内部，突然发现滑动不了啦，再等过几秒钟后，就可以滑动了，不知道这是不是滑动穿透吗？

dome链接地址：链接描述

问题出现的环境背景及自己尝试过哪些方法

问题出现的环境背景：在弹框内部修改密码或改绑手机弹框里面，先滑动弹框外面几秒，再滑动弹框里面，突然发现滑动不了，需要等过1s左右，就可以滑动了；

尝试办法：做了防止事件穿透处理；发现还是无法解决

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

.sameBox{

position: absolute;
left: 0;
top: 40px;
width: 100%;
height: 235px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;

}

你期待的结果是什么？实际看到的错误信息又是什么？

在iOS手机上 无论滑动弹框内往外，都滑动流畅；不会出现1s左右突然无法滑动的情况

Answer 1

可以使用better-scroll这个库

Answer 2

提供一个看法，但是不知道是不是能解决你的问题，就是在你切换的开始的时候向下移动1px，用js去document.documentElement.scrollTop(-1)这样的好处在于你所点击的就不会有穿透了，
当然这个js语句是不是正确我没有查，你可以百度一下js滚动的具体代码。

Answer 3

请问这个问题有得到解决吗，目前遇到相同的问题