通過JS自動隱藏手機(jī)瀏覽器的地址欄實(shí)現(xiàn)原理與代碼_javascript技巧
來源：懂視網(wǎng)
責(zé)編：小采
時(shí)間：2020-11-27 21:06:25
通過JS自動隱藏手機(jī)瀏覽器的地址欄實(shí)現(xiàn)原理與代碼_javascript技巧
通過JS自動隱藏手機(jī)瀏覽器的地址欄實(shí)現(xiàn)原理與代碼_javascript技巧:大家通過手機(jī)自帶瀏覽器打開百度、淘寶，在首頁加載完畢后，會自動隱藏頁面上方的地址欄，加之這些網(wǎng)站針對手機(jī)瀏覽器做了優(yōu)化，乍看之下，還真難區(qū)分這是WEB APP還是Native App，如下左側(cè)圖片為通過safari打開淘寶網(wǎng)的首頁，要不是因?yàn)榈紫碌臑g覽器工具欄，
導(dǎo)讀通過JS自動隱藏手機(jī)瀏覽器的地址欄實(shí)現(xiàn)原理與代碼_javascript技巧:大家通過手機(jī)自帶瀏覽器打開百度、淘寶，在首頁加載完畢后，會自動隱藏頁面上方的地址欄，加之這些網(wǎng)站針對手機(jī)瀏覽器做了優(yōu)化，乍看之下，還真難區(qū)分這是WEB APP還是Native App，如下左側(cè)圖片為通過safari打開淘寶網(wǎng)的首頁，要不是因?yàn)榈紫碌臑g覽器工具欄，
大家通過手機(jī)自帶瀏覽器打開百度、淘寶，在首頁加載完畢后，會自動隱藏頁面上方的地址欄，加之這些網(wǎng)站針對手機(jī)瀏覽器做了優(yōu)化，乍看之下，還真難區(qū)分這是WEB APP還是Native App，如下左側(cè)圖片為通過safari打開淘寶網(wǎng)的首頁，要不是因?yàn)榈紫碌臑g覽器工具欄，還真像Native App。實(shí)際上它是有地址的，向下拖動就會看到地址欄，如下右側(cè)圖片。
如何才能實(shí)現(xiàn)將瀏覽器地址欄隱藏呢？百度一下，有很多資料，很簡單，主要利用window.scrollTo()方法，將當(dāng)前頁面在屏幕上向上滾動，造成地址欄超出視野范圍，如下：
代碼如下:
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
通過JS自動隱藏手機(jī)瀏覽器的地址欄實(shí)現(xiàn)原理與代碼_javascript技巧
通過JS自動隱藏手機(jī)瀏覽器的地址欄實(shí)現(xiàn)原理與代碼_javascript技巧:大家通過手機(jī)自帶瀏覽器打開百度、淘寶，在首頁加載完畢后，會自動隱藏頁面上方的地址欄，加之這些網(wǎng)站針對手機(jī)瀏覽器做了優(yōu)化，乍看之下，還真難區(qū)分這是WEB APP還是Native App，如下左側(cè)圖片為通過safari打開淘寶網(wǎng)的首頁，要不是因?yàn)榈紫碌臑g覽器工具欄，
