禁止网页在微信中下拉或者上拉露出“网页由XXX提供”

最近有客户要求在微信打开的网页在下拉或者上拉不能露出“网页由XXX提供”，于是我在网上百度了一下，果然有很多人解决了，但是不知道为什么我使用后不起作用，于是我决定站在巨人的肩膀上来解决这个问题。

• 值得注意的是，它不能直接使用在html或者body上！！！
• 下面的方法亲测有效，但是有个bug：如果你往上滑一点点然后再往下滑，还是能够看到微信的“网页由XXX提供”

//App.vue
<template>
	<div id="app"></div>
</template>
<script>
export default{
	mounted(){
		var app=document.getElementById("app");
		var touchstartY;
		app.addEventListener("touchstart",function(event){
			var events=event.touches[0]||event;
			touchstartY=events.clientY;//获取触摸目标在视口中的y坐标
		},false);
		
		app.addEventListener("touchmove",function(event){
			var events=event.touches[0]||event;
			//注意document.body.scrollTop始终为0
			var scrollTop=document.body.scrollTop||document.documentElement.scrollTop;//获取滚动部分的高度
			var clientHeight=document.documentElement.clientHeight;//获取手机屏幕高度（可视部分高度）
			var scrollHeight=document.body.scrollHeight;//所有内容的高度
			if(events.clientY>touchstartY&&scrollTop===0&&event.cancelable){
				event.preventDefault();//禁止到顶下拉
			}else if(scrollTop+clientHeight>scrollHeight&&event.cancelable){
				event.preventDefault();//禁止到底上拉
			}
		},false);
	}
}
</script>
<style>
	#app{
		width:100%;
		height:100%;
	}
</style>

如果某位大佬有更好的办法，麻烦告知一下~~~