关于滚动贯穿的解决方案
首先滚动贯穿现象:
当前容器已经滚动到底部或者顶部,无法再滚动,容器会默认选择上层容器进行滚动,可以说滚动贯穿并非是一个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()
}本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!