主机参考: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
评论前必须登录!
注册