固定在視口錯誤頂部的iOS地址欄

Question

第一次發佈後，試圖谷歌地獄這件事情。這個問題是僅在iPhone上查看時。

預期行爲：如果您在iPhone上轉到http://bbc.co.uk（或幾乎任何網站）並向下滾動頁面，地址欄會逐漸隱藏，直到看不見爲止。

我得到的是：地址欄是頁面頂部的一個固定元素，類似於普通桌面Web瀏覽器。

這裏是我（只是一個測試頁面）

http://americansuccessnetwork.com/DEV/StackOverflow

我不認爲這是在jQuery的任何東西，因爲它，當我刪除所有的JavaScript仍然發生。

編輯解決

我最終刪除CSS的某些行

html,body {  
overflow:auto; 
} 
#explainer { 
overflow:hidden; 
} 

顯然，iOS的Safari瀏覽器恨溢出修復它。

這就是爲什麼我從來沒有張貼事情計算器......（它總是最終被一些超級簡單）

Answer 1

這是你的問題的行：

<meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0" > 

您需要刪除height聲明。

Answer 2

你只需要調用window.scrollTo（0，0）;一旦頁面完成加載。英國廣播公司的網站在頁面滾動到底時正在打電話。