用vue 做移動(dòng)端h5頁(yè)面項(xiàng)目，想實(shí)現(xiàn)類(lèi)似全屏效果，去掉手機(jī)瀏覽器的地址欄和底部工具條<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" />項(xiàng)目是單頁(yè)面模式，首次進(jìn)入是好的，地址欄和工具條都沒(méi)有，但是只要路徑跳轉(zhuǎn)，導(dǎo)航欄和工具條就會(huì)出現(xiàn)。手動(dòng)刷新又會(huì)隱藏掉。我試著用js scrollTop方式實(shí)現(xiàn)也不行。為什么會(huì)出現(xiàn)這種情況，有什么辦法解決嗎。
2 回答
慕尼黑8549860
TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超11個(gè)贊
試試這個(gè)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> //進(jìn)入全屏 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>添加回答
舉報(bào)
0/150
提交
取消