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不喜欢溢出。

这就是为什么我从来没有把东西发布到stackoverflow ...（它总是最终变得非常简单）

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的网站正在调用。