关于滚动贯穿的解决方案
首先滚动贯穿现象:
当前容器已经滚动到底部或者顶部,无法再滚动,容器会默认选择上层容器进行滚动,可以说滚动贯穿并非是一个bug,只是一种现象
解决办法,尝试了很多种解决办法,最后依然采用js阻止默认事件的方式解决
1:监听当前容器的滚动距离,判断出到了顶部或者底部
2:如果在顶部,还要往上滚动,阻止当前容器的默认事件 如果在底部,还要向下滚动,阻止
if(e.changedTouches[0].pageY>pageY&&滚动距离为0){
setMoveFlag(true);
e.preventDefault()
}
if(e.changedTouches[0].pageY<pageY&&滚动距离到顶部){
setMoveFlag(true);
e.preventDefault()
}本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!