微信下拉時可以查看到URL，本身是微信的一種安全策略之一，也是一種用戶交互友好的體驗；本文主要介紹微信禁止下拉查看URL的處理方法,需要的朋友可以參考下，希望能幫助到大家。
效果原理：
微信下拉彈性效果其實是瀏覽器本身的一種特性，重點就是scroll值的一種體現；
處理策略：
1、直接禁止mobile端的touchmove事件；
這種策略一般適用頁面只有一屏不需要下拉情況下使用；
var touch1 = function(){
document.querySelector(‘body‘).addEventListener(‘touchmove‘, function (e) {
e.preventDefault();
});
}弊端：對于大小不同的屏要考慮到內容一屏全部顯示，不然2+屏的內容就沒有辦法看了；
2、禁止touchmove同時判斷scroll的位置是否到達頂部；
考慮到下拉時滾動條是否到達頂部 <= 10 來禁止touchmove事件，同時考慮存在先上拉再下拉的情況所以監(jiān)聽的touchend事件并計算一次touch事件流中的最高點位置用以判斷
var touch2 = function () {
var lastY;//最后一次y坐標點
var betterY;//每次touch最高點
document.querySelector(‘body‘).addEventListener('touchstart', function(event) {
lastY = event.originalEvent.changedTouches[0].clientY;
betterY = lastY;
});
document.querySelector(‘body‘).addEventListener('touchmove', function(event) {
var y = event.originalEvent.changedTouches[0].clientY;
if(y > betterY){
betterY = y;
}
var st = document.body.scrollTop; //滾動條高度
if (y >= lastY && st <= 10) {
lastY = y;
event.preventDefault();
}
lastY = y;
});
document.querySelector(‘body‘).addEventListener('touchend', function(event) {
var y = event.originalEvent.changedTouches[0].clientY;
var st = document.body.scrollTop; //滾動條高度
if(y < betterY && st <= 10){
event.preventDefault();
}
});
}弊端：第一次的touchmove存在漏洞問題，touchmove的過程中也存在漏洞
3、監(jiān)聽scroll的滾動事件，禁止高度<0；
每當滾動條的高度小于0時就重置為0，強制回退頂部位置
var touch3 = function () {
window.onscroll = function () {
var top = document.documentElement.scrollTop || document.body.scrollTop;
if(top <= 0){
document.body.scrollTop = 0;
}
}
}弊端：會存在下拉URL閃屏的現象
相關推薦：
以上是微信禁止下拉查看URL如何處理的詳細內容。更多信息請關注PHP中文網其他相關文章！
熱AI工具
Undress AI Tool
免費脫衣服圖片
Undresser.AI Undress
人工智能驅動的應用程序，用于創(chuàng)建逼真的裸體照片
AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。
Clothoff.io
AI脫衣機
Video Face Swap
使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的代碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
功能強大的PHP集成開發(fā)環(huán)境
Dreamweaver CS6
視覺化網頁開發(fā)工具
SublimeText3 Mac版
神級代碼編輯軟件(SublimeText3)
WIN10服務主機太占cpu的處理操作過程
Mar 27, 2024 pm 02:41 PM
1、首先我們右擊任務欄空白處，選擇【任務管理器】選項，或者右擊開始徽標，然后再選擇【任務管理器】選項。2、在打開的任務管理器界面，我們點擊最右端的【服務】選項卡。3、在打開的【服務】選項卡，點擊下方的【打開服務】選項。4、在打開的【服務】窗口，右擊【InternetConnectionSharing(ICS)】服務，然后選擇【屬性】選項。5、在打開的屬性窗口，將【打開方式】修改為【禁用】，點擊【應用】后點擊【確定】。6、點擊開始徽標，然后點擊關機按鈕，選擇【重啟】，完成電腦重啟就行了。
抖音查看刪除登錄設備的操作步驟
Mar 26, 2024 am 09:01 AM
1、首先點擊打開抖音app，點擊【我】。2、點擊右上方三點的圖標。3、點擊進入【設置】。4、點擊打開【帳號與安全】。5、選擇點擊【登錄設備管理】。6、最后點擊選擇其中的設備，點擊【移除】即可。
學習PHP中如何處理特殊字符轉換單引號
Mar 27, 2024 pm 12:39 PM
在PHP開發(fā)過程中，處理特殊字符是一個常見的問題，尤其是在字符串處理中經常會遇到特殊字符轉義的情況。其中，將特殊字符轉換單引號是一個比較常見的需求，因為在PHP中，單引號是一種常用的字符串包裹方式。在本文中，我們將介紹如何在PHP中處理特殊字符轉換單引號，并提供具體的代碼示例。在PHP中，特殊字符包括但不限于單引號（'）、雙引號（"）、反斜杠（）等。在字符串
網易云音樂在哪查看音樂排行榜_網易云音樂查看音樂排行榜方法
Mar 25, 2024 am 11:40 AM
1、打開手機后，選擇網易云音樂。2、進入到首頁后，大家就可以看到【排行榜】，點擊進入。3、在排行榜中，可以選擇任意榜單，點擊【新歌榜】。4、選擇自己喜歡的歌曲，并進行點擊。5、返回上一頁，可以看到更多的榜單。
快手直播伴侶視頻熱榜怎么看
Mar 29, 2024 pm 08:09 PM
快手直播伴侶不僅是一個強大的直播輔助工具，更是一個為主播們打造的實時熱門話題和趨勢的洞察平臺。通過這個功能，主播們可以迅速捕捉觀眾當前最關注的內容，進而調整直播內容，使其更加符合觀眾的口味和興趣。那么在快手直播伴侶app中如何查看視頻熱榜呢，這篇教程攻略就將為大家?guī)碓敿毜牟襟E介紹，希望能幫助到大家。快手直播伴侶怎么看視頻熱榜第二步，點擊每日視頻熱榜。第三步，即可查看每日視頻熱榜了。
閑魚怎么查看自己的id_閑魚個人昵稱查看方法介紹
Mar 22, 2024 am 08:21 AM
閑魚作為一款交易平臺，使用之前都需要先注冊和登錄自己的賬號，用戶可以為自己的賬號設置id名稱，如果想查看自己的id是什么怎么辦呢？下面就來一起了解一下吧！閑魚個人昵稱查看方法介紹首先啟動閑魚應用，進入首頁后，通過切換到賣閑置、消息、我的頁面，點擊右下角的【我的】選項。2、然后在我的頁面中我們需要點擊左上角的【頭像】；2、接著來到個人主頁的頁面中可以看到不同的信息，我們需要在這里點擊【編輯資料】按鈕；4、最后點擊過后在編輯資料的頁面中我們就可以看到了；
微信如何查看自己加了多少群：簡單一步
Mar 26, 2024 am 10:06 AM
無論生活還是工作，很多人早已被微信深深捆綁，也隨時會被拉入各種各樣的群，那么你到底加入了多少微信群呢？你可能會立刻想要查看通訊錄中的群聊，但只有你保存在通訊錄中的微信群才會顯示在那里，其他群是不可見的。想看自己加入的所有微信群，也非常簡單：在微信首頁搜索框輸入您的昵稱，然后在搜索結果中找到群聊部分，點擊“更多群聊”即可查看所有相關群聊信息。反正我是被嚇了一跳，密密麻麻上百個都不止，右側滾動條都變得很小了。只可惜，沒有具體數量統(tǒng)計……這個方法也同樣適用于查看加入的QQ群。PS：還有網友提供了一招，
怎么查看自己進了哪些群
Apr 01, 2024 pm 05:34 PM
微信群聊這里不僅是一個簡單的聊天平臺，更是一個匯聚了各行各業(yè)精英和熱心朋友的交流圈，所以小編今天就來教大家微信看自己加了多少群及保存群聊方法，平時使用微信的用戶可千萬不要錯過了喲。微信看自己加了多少群及保存群聊方法微信查看自己加了多少群：1.您可在微信主界面中查看你的群聊窗口2.若您已經操作保存群聊，您可輕觸【通訊錄】-【群聊】3.群聊進入后即可查看到保存的群里啦保存微信群：1.選擇您需保存的群里，右上方【...】2.聊天信息中打開【保存到通訊錄】3.微信主界面，輕觸【通訊錄】-【群聊】即可查看
