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

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

效果原则:

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

治疗策略:

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的详细内容。请多关注主机参考其他相关文章！

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

• 微信禁止下拉查看URL如何处理（如何禁止微信下拉菜单）
• 微信如何获取openid（微信如何获取存储空间）
• 微信如何验证机主（微信如何验证机主信息）
• 如何通过微信获取openid(如何通过微信获取位置信息设置)
• 如何通过微信验证机主

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