阻止微信浏览器下拉滑动效果（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