阻止微信浏览器下拉滑动效果(ios11.3 橡皮筋效果)(转)

方法1:preventDefault

浏览器在移动端有一个默认触摸滚动的效果,让我们感触最深的莫过于微信浏览器里面,下拉时自带橡皮筋的效果。

然而在开发的时候我们经常需要阻止此效果。

在此先直接给一个方案,直接加上下面的代码即可:

document.body.addEventListener('touchmove', function (e) {
  e.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果)
}, {passive: false}); //passive 参数不能省略,用来兼容ios和android

原文:https://segmentfault.com/a/1190000014134234

方法2:vue-bounce

vue项目使用该依赖

<div class="container" v-bounce>
    ...scroll element
</div>

github:https://github.com/zipeijun/vue-bounce

posted @ 2019-11-19 16:13  谢书怜  阅读(312)  评论(0编辑  收藏  举报