解決html5全屏展示後頁面還是可以拖動
html5就算在meta標籤中做了移動端適配,但是在微信中瀏覽時整個html5可以被拖動,感覺html5像是浮在瀏覽器中一樣,體驗很難受。解決方式如下:
document.body.addEventListener('touchmove', function(e) {
e.preventDefault(); //阻止預設的處理方式(阻止下拉滑動的效果)
}, {passive: false}); //passive 引數不能省略,用來相容ios和android
document.onreadystatechange = function() {
if(document.readyState == "complete") {
document.body.style.display = "block";
} else {
document.body.style.display = "none";
};
};
相關文章
- 如何判斷頁面是pc端還是移動端,進入不同的頁面
- 解決Snackbar無法進行跨頁面展示的問題
- HTML5中History.back()頁面後退重新整理頁面HTML
- 移動端頁面滾動--解決方法
- vue 3 頁面全屏顯示Vue
- Tomcat啟動後頁面可以正常訪問 介面路徑報錯404Tomcat
- HTML5 之全屏方法HTML
- 沒想到,Python 還可以製作 Web 視覺化頁面!PythonWeb視覺化
- SSM動態展示分頁SSM
- 移動端HTML5頁面開發備忘錄HTML
- win10 桌面圖示拖不動怎麼辦_wn10桌面圖示無法拖動的解決步驟Win10
- 微信網頁video播放視訊不全屏的解決方法網頁IDE
- div拖動遇到iframe卡頓的問題解決
- Web全屏模式輕鬆掌握[區域性元素全屏展示]Web模式
- HTML5如何監聽video的全屏和退出全屏?HTMLIDE
- 不完全解決ios瀏覽器頁面滾動到底部或頂部後導致頁面區域性滑動失效的問題iOS瀏覽器
- win10不能拖動開啟怎麼辦 win10不能拖動開啟解決方法Win10
- win10軟體全屏後工作列還在怎麼解決_win10工作列軟體全屏時老是彈出處理方法Win10
- 5.7(頁面展示紅星照耀中國)
- 網頁看影片不能全屏怎麼辦_win10影片無法全屏播放的解決方法網頁Win10
- HTML5網頁body設定自適應全屏示例程式碼HTML網頁
- 通過 docker 裝的 stf,adb 連線成功以後頁面還是無裝置Docker
- WIN10修改主頁後還是2345如何處理 win10主頁被2345鎖定無法修改解決方法Win10
- 詳解移動端HTML5頁面根據螢幕適配的四種方案HTML
- 使用 Nuxt 的 showError 顯示全屏錯誤頁面UXError
- 頁面劫持,頁面劫持,如果被頁面劫持了該怎麼去解決,方法分享
- 頁面互動是前端的核心嗎?前端
- 禁止web頁面縮放解決方案Web
- iframe父子頁面通訊解決方案
- Qt實現遮罩效果並可以拖動伸縮QT遮罩
- 玩轉php環境日常更新---頁面展示PHP
- win10系統下滑鼠不能拖動的解決方法Win10
- 解決vue.js打包過後點選詳情頁面在伺服器中重新整理頁面空白Vue.js伺服器
- 解決antdesign頁面滑動時下拉框漂浮的問題
- 網頁看視訊不能全屏怎麼辦_win10視訊無法全屏播放的解決方法網頁Win10
- vue 甘特圖(三):甘特圖右側內容拖動展示Vue
- 學習筆記487—PDF頁面拼接後大小不統一【已解決!】筆記
- 小程式webview跳轉頁面後沒有返回按鈕完美解決方案WebView