关于滚动贯穿的解决方案

首先滚动贯穿现象:

当前容器已经滚动到底部或者顶部,无法再滚动,容器会默认选择上层容器进行滚动,可以说滚动贯穿并非是一个bug,只是一种现象 

解决办法,尝试了很多种解决办法,最后依然采用js阻止默认事件的方式解决 

1:监听当前容器的滚动距离,判断出到了顶部或者底部 

2:如果在顶部,还要往上滚动,阻止当前容器的默认事件 如果在底部,还要向下滚动,阻止  

资源搜索网站大全https://55wd.com 广州品牌设计公司http://www.maiqicn.com

if(e.changedTouches[0].pageY>pageY&&滚动距离为0){
setMoveFlag(true);
e.preventDefault()
}
if(e.changedTouches[0].pageY<pageY&&滚动距离到顶部){
setMoveFlag(true);
e.preventDefault()
}

 

posted @ 2020-09-28 15:07  浅笑·  阅读(124)  评论(0编辑  收藏  举报