防止tab页面滑动切换时与浏览器的默认滑动冲突

最新推荐文章于 2023-11-03 17:09:57 发布

www666_

最新推荐文章于 2023-11-03 17:09:57 发布

阅读量1.3k

点赞数 1

文章标签： vue javascript

本文链接：https://blog.csdn.net/www666_/article/details/108261445

版权

在用vant组件的van-tab时，tab的内容滑动时，可以动画定位到对应的tab项，但在浏览器访问此页面时，滑动内容页面，会时不时滑动到浏览器的上一页，因为手机的浏览器设置了开启左右滑屏前进后退项，在不改变浏览器设置的情况下，解决办法如下所示：

 //防止tab页面滑动切换时与浏览器的默认左右滑动前后进的冲突
    window.ontouchmove = function(e) {
      e.preventDefault && e.preventDefault()
      e.returnValue = false
      e.stopPropagation && e.stopPropagation()
      return false
    }