2022-05-08【技术】解决H5在IOS的WebView下上拉下拉会带动整个WebView出现空白问题

 created(){
        document.body.addEventListener('touchmove', this.eventListenerHandle, {
            passive: false
        });
},
//页面离开时记得销毁监听事件
destroyed(){
     document.body.removeEventListener('touchmove',this.eventListenerHandle,{
            passive: false
     })
},
methods:{
         eventListenerHandle(e){
            if(e._isScroller) return;
            e.preventDefault();
         }
}

注意：以上方法浏览器的自带的滚动也会被禁止 用better-scroll 实现的滚动不会被禁止。

2022年9月8日 10:55:56 补充：

键盘弹起后 better-scroll导致页面无法下落（vue移动端）

整体页面用better-scroll包裹起来，当我点击input框之后弹起键盘，整体页面向上移动。然而，当我点击关闭键盘后 页面并没有整体下来。
解决方法：

// 首先：给input框一个事件： 

最后再到方法中去使用：
 methods: { 
      inputLoseFocus() { 
        setTimeout(() => { 
        window.scrollTo(0, 0);
         }, 100);
    },
 }