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）;一旦页面完成加载。当页面滚动到底部时，BBC的网站正在呼叫。