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