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