解决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 实现的滚动不会被禁止。

你可能感兴趣的:(解决H5在IOS的WebView下上拉下拉会带动整个WebView出现空白问题)