用vue 做移動端h5頁面項目，想實現(xiàn)類似全屏效果，去掉手機瀏覽器的地址欄和底部工具條<meta name="browsermode" content="application"><meta name="full-screen" content="yes" /><meta name="x5-fullscreen" content="true" /><meta name="x5-page-mode" content="app" /><meta name="360-fullscreen" content="true" />項目是單頁面模式，首次進入是好的，地址欄和工具條都沒有，但是只要路徑跳轉(zhuǎn)，導(dǎo)航欄和工具條就會出現(xiàn)。手動刷新又會隱藏掉。我試著用js scrollTop方式實現(xiàn)也不行。為什么會出現(xiàn)這種情況，有什么辦法解決嗎。
2 回答
慕尼黑8549860
TA貢獻1818條經(jīng)驗 獲得超11個贊
試試這個demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <meta name="full-screen" content="true"> </head> <body> <div>123321</div> <script> //進入全屏 function requestFullScreen() { var de = document.documentElement; if (de.requestFullscreen) { de.requestFullscreen(); } else if (de.mozRequestFullScreen) { de.mozRequestFullScreen(); } else if (de.webkitRequestFullScreen) { de.webkitRequestFullScreen(); } } //退出全屏 function exitFullscreen() { var de = document; if (de.exitFullscreen) { de.exitFullscreen(); } else if (de.mozCancelFullScreen) { de.mozCancelFullScreen(); } else if (de.webkitCancelFullScreen) { de.webkitCancelFullScreen(); } } document.body.addEventListener('click', function () { requestFullScreen(); //exitFullscreen(); }, false); </script> </body> </html>添加回答
舉報
0/150
提交
取消