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

微信禁止下拉查看URL如何处理(如何禁止微信下拉菜单)

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

微信下拉时可以查看网址,这是微信的安全策略之一,也是用户友好的体验。本文主要介绍微信禁止下拉网址的处理方法,有需要的朋友可以参考一下,希望对大家有所帮助。

效果原则:

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

处理策略:

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

这种策略通常适用于页面只有一个屏幕且不需要下拉的情况;

var touch 1 = function(){ document . query selector(‘body‘)。addevent listener(‘touch move‘,function(e){ e . prevent default();});缺点:对于不同尺寸的屏幕,需要考虑在一个屏幕上显示所有内容,否则没有办法看到小编个屏幕的内容;

2.禁止touchmove同时判断滚动的位置是否到达顶部;

考虑下拉时滚动条是否到达顶部。

var touch 2 = function(){ var lastY;//最后一个Y坐标点var betterY//每次触及最高点时,文档。query selector(“body”)。AddEvent侦听器(& # 39;touchstart & # 39,function(event){ lastY = event . original event . changed touches【0】。客户关系;betterY = lastY});document . query selector(“body”)。addevent listener(& # 39;触摸移动& # 39;,function(event){ var y = event . original event . changed touches【0】。客户关系;if(y》betterY){ betterY = y;} var ST = document . body . scroll top;//滚动条高度if(y》= lastY & & ST

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

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

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

评论 抢沙发

评论前必须登录!