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