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

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

效果原则:

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

治疗策略:

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

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

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

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

考虑下拉

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

3.监控滚动条的滚动事件，禁止高度

每当滚动条的高度小于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://本站.com/81127.html

推荐站内搜索：公网ip、ws域名、海外虚拟主机空间、香港空间、100m虚拟主机、国内永久免费云服务器、香港服务器防御、查域名、美国欧洲云服务器、美国免费主机、