jquery - iOS地址栏固定在视口错误的顶部

Question

在尝试用谷歌搜索这件事之后，第一次在这里发帖。仅在 iPhone 上查看时会出现此问题。

预期行为：如果您在 iPhone 上访问http://bbc.co.uk（或几乎任何网站）并向下滚动页面，地址栏将逐渐隐藏，直到不可见。

我得到了什么：地址栏是页面顶部的一个固定元素，类似于普通的桌面网络浏览器。

这是我所拥有的（只是一个测试页）

我不认为它在 jQuery 中是什么，因为当我删除所有 javascript 时它仍然会发生。

编辑已解决

我最终通过删除一些 CSS 行来修复它

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

显然 iOS Safari 讨厌溢出。

这就是为什么我从不将东西发布到stackoverflow...（它总是最终变得超级简单）

score 0 · Accepted Answer

你只需要调用 window.scrollTo(0, 0); 一旦页面完成加载。当页面滚动到底部时，BBC 的网站正在调用。

score 0 · Accepted Answer

这是您有问题的行：

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

您需要删除height声明。