Bootstrap

uniapp中h5页面在微信中下拉出现地址,解决方法

1.一个项目的要求在h5页面下拉的过程中不让显示地址信息,并显示自己自定义的内容。

2.解决思路:

1.首先禁止用户进行下拉,检测用户有下拉到顶点的动作就让禁止下来。

onLoad(){
   this.noneTouchMove()
},
methods: {

noneTouchMove() {
				var lastY; //最后一次y坐标点
				document.body.addEventListener(
					'touchstart',
					function(event) {
						lastY = event.touches[0].clientY
					}
				)
				document.body.addEventListener(
					'touchmove',
					function(event) {
						let y = event.touches[0].clientY
						var st = event.view.scrollY
						if (y > lastY && st <= 10) {
							event.preventDefault();
						}
					}, {
						passive: false,
					}
				);
			},
}

2.进行模拟下拉动作,这一块借助使用github的一个插件B

;