VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动
荫云优惠活动

微信禁止下拉查看网址如何处理(微信禁止下拉搜索)

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

下拉微信就可以查看网址,这是微信的安全策略之一,也是人性化的体验。本文主要介绍微信禁止下拉查看网址的处理方法。有需要的朋友可以参考一下,希望能帮到大家。

效果原则:

微信的下拉弹性效果其实是浏览器本身的一个特点,重点在于滚动值的体现;

治疗策略:

1.直接禁止移动端的touchmove事件;

当页面上只有一个屏幕并且不需要下拉时,这种策略通常是适用的。

var touch 1 = function(){ document . query selector(' body ')。addEventListener('touchmove ',函数(e){ e . prevent default();});}缺点:对于不同尺寸的屏幕,需要考虑所有内容都显示在一个屏幕上,否则没有办法读取小编屏幕的内容;

2.禁止触摸移动并判断滚动的位置是否到达顶部;

考虑下拉< = 10时滚动条是否到达顶部禁止touchmove事件,并考虑因为上拉再下拉而被监控到的touchend事件,计算一次触摸事件流中的最高点位置进行判断。

var touch 2 = function(){ var lastY;//最后一个y坐标点var betterY//每次碰到最高点document.queryselector ('body ')。addevent listener( # 39;touchstart # 39,function(event){ lastY = event . original event . changed touches[0]。客户关系;betterY = lastY});document.querySelector('body ')。addevent listener( # 39;触摸移动 # 39;,function(event){ var y = event . original event . changed touches[0]。客户关系;如果(y gtbetterY){ betterY = y;} var ST = document . body . scroll top;//滚动条高度if(y >:= lastY ; st lt= 10){ lastY = y;event . prevent default();} lastY = y;});document.querySelector('body ')。addevent listener( # 39;touchend # 39,function(event){ var y = event . original event . changed touches[0]。客户关系;var ST = document . body . scroll top;//滚动条高度if(y < betterY ; st lt= 10){ event . prevent default();} });}缺点:第一次touchmove有漏洞,touchmove过程中也有漏洞。

3.监控滚动条的滚动事件,禁止高度< 0;

每当滚动条的高度小于0时,就重置为0,强制顶部位置后退。

var touch 3 = function(){ window . on scroll = function(){ var top = document . document element . scroll top | | document . body . scroll top;if(top lt;= 0){ document . body . scroll top = 0;}}}缺点:会出现下拉网址闪屏现象。

相关建议:

node.js中http模块和url模块介绍

详细讲解如何在Laravel中修改url()的根地址

如何用php解析url中的汉字?以上是微信禁止下拉如何处理URL的详细内容。请多关注主机参考其他相关文章!

这几篇文章你可能也喜欢:

本文由主机参考刊发,转载请注明:微信禁止下拉查看网址如何处理(微信禁止下拉搜索) https://zhujicankao.com/81127.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 微信禁止下拉查看网址如何处理(微信禁止下拉搜索)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!