解決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";
};
};
相關文章
- js頁面全屏垂直滾動效果JS
- js頁面展示省市聯動JS
- 移動端觸屏拖動頁面滾動效果
- 解決Snackbar無法進行跨頁面展示的問題
- 移動端頁面滾動--解決方法
- 頁面全屏垂直平滑滾動程式碼例項
- HTML5中History.back()頁面後退重新整理頁面HTML
- vue 3 頁面全屏顯示Vue
- 分享一款jQuery全屏滾動頁面特性案例jQuery
- 大家作專案,是先做顯示頁面,還是自己編碼然後再維護頁面美觀?
- 解決動靜分離架構後臺重定向頁面問題架構
- 頁面展示多表join的sqlSQL
- 京東在html5頁面中開啟本地app的解決方案HTMLAPP
- HTML5做手機站頁面字型顯示很小的解決方法HTML
- 5.7(頁面展示紅星照耀中國)
- Tomcat啟動後頁面可以正常訪問 介面路徑報錯404Tomcat
- JHipster專案啟動後預設的8080主頁是空白頁面?
- 沒想到,Python 還可以製作 Web 視覺化頁面!PythonWeb視覺化
- Vue.js輕鬆實現頁面後退時,還原滾動位置Vue.js
- 禁止頁面Body在後臺滾動
- 北大青鳥網站資訊展示頁面網站
- 不完全解決ios瀏覽器頁面滾動到底部或頂部後導致頁面區域性滑動失效的問題iOS瀏覽器
- 移動端HTML5頁面開發備忘錄HTML
- HTML5進入全屏和退出全屏HTML
- nginx+PHP-fpm 配置後頁面顯示空白的解決方法NginxPHP
- SSM動態展示分頁SSM
- 頁面互動是前端的核心嗎?前端
- div拖動遇到iframe卡頓的問題解決
- 頁面劫持,頁面劫持,如果被頁面劫持了該怎麼去解決,方法分享
- HTML5全屏APIHTMLAPI
- 使用 Nuxt 的 showError 顯示全屏錯誤頁面UXError
- 通過 docker 裝的 stf,adb 連線成功以後頁面還是無裝置Docker
- 從輸入頁面地址到展示頁面資訊都發生了些什麼?
- 玩轉php環境日常更新---頁面展示PHP
- 用github來展示你的前端頁面吧Github前端
- 微信網頁video播放視訊不全屏的解決方法網頁IDE
- Web全屏模式輕鬆掌握[區域性元素全屏展示]Web模式
- 可以拖動的div塊程式碼例項