iOS Safari滚动到顶部在某些页面上不起作用。为什么？

免责声明：此网站已更新，此问题不会再发生在新版本的设计中。iOS Safari滚动到顶部在某些页面上不起作用。为什么？

在我建立的新网站上，我注意到了Safari（iOS 5）中的一个奇怪的怪癖。通常，您可以点击Safari顶部的黑色栏以滚动到任何网页的顶部。在我的新网站上，它可以在主页上使用，但不能在单个文章页面上使用。

试试吧！ versbeton.nl（works！）与versbeton.nl/2012/01/vers-vloeibaar/（不起作用！）

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

2012-01-23 Florian

这两个链接都可以在iOS 5.0.1的iP4S上正常工作。这种行为对于所有滚动视图都是通用的。它的故障不应与Web视图的内容相关联。你是否重新定义了你的网页的任何显示属性？ – teriiehina

@teriiehina弗洛里安报道，我发现第二个链接不会在5.0.1或5.0 iPhone模拟器中的iPhone 4S上滚动。虽然在iPad 5.0模拟器中没问题。所以大概是关于仅出现在iPhone上的Twitter/Facebook覆盖图？ – Tommy

@Tommy>刚刚尝试过模拟器（我的第一个评论，我正在使用我的设备），它仍然在工作。但我没有看到任何推特/脸书覆盖（无论是在设备或模拟器）。 – teriiehina

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

2012-08-15 22:47:16 Adam

太棒了！有没有发布关于这个bug的东西，或者偶然发现了这个bug？ – Florian

该死的。这绝对没有解决办法吗？ –

从iOS 7.0.2开始，这仍然是一个问题 – rharper

您可以使用Safari以及将您的网络代理指定为iPhone来获得与购买萤火虫类似的东西。但我不确定你会有相同的webkit引擎。

您还可以在设置> Safari>高级中为Safari激活开发人员工具。

祝你好运。

2012-01-23 11:26:20 teriiehina

在我的Mac上使用Safari不会帮助我调试此iOS特定问题。我没有可以在我的Mac上点击的黑条......或者我误解了你的答案？ – Florian

是的，OSX上没有黑条，但使用Safari的Web开发工具可以帮助您检查窗口及其元素的属性。而且您仍然可以在iPhone上激活开发工具。 – teriiehina

啊，iOS中的“调试控制台”。这是一个很棒的提示！但唉：没有任何错误似乎与这个问题有关。 – Florian

回答