首先滚动贯穿现象:

当前容器已经滚动到底部或者顶部,无法再滚动,容器会默认选择上层容器进行滚动,可以说滚动贯穿并非是一个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()
}

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-02-10
  • 2021-10-24
  • 2022-12-23
  • 2021-10-16
  • 2022-12-23
  • 2021-06-13
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-29
  • 2021-07-03
相关资源
相似解决方案