微信浏览器,下拉出现网址,会导致 坐标 Y轴 有误

微信浏览器,下滑,获取坐标,会下拉出网址,导致坐标有误。项目已经做的差不多了,不好去改 禁止body 触摸滑动(改了其他页面都会受影响)。

正常情况阻止下拉
// 阻止微信下拉出现网址
document.body.addEventListener('touchmove', function (e) {
	e.preventDefault();
}, {passive: false});
由于项目已经完成得差不多了,阻止body触摸,其他页面会受影响。
但是,如果滚动条不在顶部,你下拉是不会出现网址的,所有可以在触摸的时候,设置滚动条 错位,就不会下拉出网页了

在顶部时,触摸,就设置 scrollTop = 1;1px也看不出来变化,但是可以阻止页面下拉

// 微信浏览器中,可滚动的页面,在顶部下拉,会出现网址
// 就是这个下拉,会导致 获取 的 pageY 有误(因为下拉的时候,屏幕也会下移)
// 但是 ,如果 滚动条没到顶,你一直下拉(不放),就不会拉出网址
// 所以,目前解决办法就是,判断滚动条是否到顶,到顶的情况
// 触摸的时候,就设置滚动条1(也看不出来变化),在下拉就不会导致 pageY 有误了
let top = document.body.scrollTop || document.documentElement.scrollTop;
if (top <= 0) {
	document.body.scrollTop = document.documentElement.scrollTop = 1;
}
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值