iOS Safari 滚动到顶部不适用于某些页面。为什么？答案

【问题标题】：iOS Safari scroll to top does not work on certain pages. Why?iOS Safari 滚动到顶部不适用于某些页面。为什么？
【发布时间】：2012-02-16 17:59:42
【问题描述】：

免责声明：网站同时更新，新版设计不再出现此问题。

在我建立的一个新网站上，我注意到 Safari (iOS 5) 中有一个奇怪的怪癖。通常您可以点击 Safari 顶部的黑条滚动到任何网页的顶部。在我的新网站上，这适用于主页，但不适用于单个文章页面。

如何调试这种情况？据我所知，iOS 没有 Firebug（或类似的调试工具）。

【问题讨论】：

两个链接都可以在 iOS 5.0.1 的 iP4S 上正常工作。这种行为对所有滚动视图都很常见。它的故障不应与 Web 视图的内容相关联。您是否重新定义了网页的任何显示属性？
@teriiehina 我实际上发现第二个链接不会在带有 5.0.1 的 iPhone 4S 或 5.0 iPhone 模拟器上滚动，正如 Florian 报告的那样。虽然它在 iPad 5.0 模拟器中很好。所以大概是只出现在 iPhone 上的 Twitter/Facebook 覆盖？
@Tommy > 刚刚尝试使用模拟器（我的第一条评论，我正在使用我的设备）并且它仍在工作。但我没有看到任何 twitter/facebook 覆盖（在设备或模拟器上都没有）。
@teriiehina 我想这更可能是问题所在？它是页面顶部的浮动元素，所以如果 Safari 认为意外点击可能是一个问题，它可能有一些逻辑来禁用状态栏？此处来自模拟器的捕获，以显示我在说什么：img515.imageshack.us/img515/697/stscreen.png
@teriiehina 这些页面都在我的 iPhone 上显示良好。 “点击 Safari 顶部黑条时滚动到顶部”在第二个链接中不起作用。

【解决方案1】：

-webkit-overflow-scrolling:touch 是问题所在。如果您在 CSS 中使用该 anywhere，则滚动至顶部快捷方式将停止工作。这是 iOS 5 的一个已知问题，遗憾的是没有解决方法。希望它会在 iOS 6 中得到修复。

【讨论】：

【解决方案2】：

您可以使用 Safari 并指定您的网络代理为 iPhone 进行类似于 firebug 的购买。但我不确定你是否会拥有相同的 webkit 引擎。

您还可以在“设置”>“Safari”>“高级”中激活 Safari 开发者工具。

祝你好运。

【讨论】：