滚动站点在 Mobile Safari 中不起作用？答案

【问题标题】：Scrolling site doesn't work in Mobile Safari?滚动站点在 Mobile Safari 中不起作用？
【发布时间】：2011-12-28 01:37:58
【问题描述】：

我有一个单页滚动网站。它使用带有 jquery 的固定位置导航栏滚动到网站的不同部分。该网站运行良好，除了在 iOS 上（我还没有在 Android 上测试过）。在 iOS 上，单击链接后，导航会冻结，直到您手动向上或向下滚动。由于某种原因，该链接在您滚动之前一直处于活动状态。这是移动 Safari 中的错误吗？有什么解决方法吗？

这是基本的 HTML：

<body>
  <ul class="nav">
        <li><a href="#about">About</a></li>
        <li><a href="#portfolio">Portfolio</a></li>
        <li><a href="#contact">Contact Me</a></li>
  </ul>

<div class = "page" id = "home"> </div>

<!-- About -->
<div class = "page" id="about">
<div class="pagebreak"></div>

</div>

<!-- Portfolio -->
<div class = "page" id="portfolio">
<div class="pagebreak"></div>

</div>

<!-- Contact Me -->
<div class = "page" id="contact">
    <div class="pagebreak"></div>
</div>
</body>

如果您想查看问题，请访问实际站点：http://boundincode.com

顺便说一句，我不认为这是 jquery 或 javascript 问题，因为即使我删除了 javascript 和 jquery，问题仍然存在。

【问题讨论】：

在我的 iPhone 4 (5.0.1) 上运行良好，您的 iOS 版本是多少？
如果你点击一个链接，你能立即点击另一个链接吗？我也在使用 5.0.1。但是在我的手机上，我只能点击一个链接而不会冻结链接
哦，我的错。现在我看到了问题。不，我不能，但有时我确实被推向了正确的方向。我去看看。
谢谢。我查看了向下滚动单个页面的其他网站，它们似乎也有同样的问题。这似乎是移动 safari 中的一个错误。也许有人有解决方法的想法？

标签： iphone html ios scroll mobile-safari

【解决方案1】：

我将添加另一个答案，因为它与我原来的答案完全不同。

由于您需要临时解决方法，您可能会在 iScroll 4 中找到您要查找的内容。我已经用它来完成你在 iOS 前 5 天内想要完成的事情，所以它可能值得研究。

【讨论】：

【解决方案2】：

position: fixed 支持仅在 iOS 5 中添加到 Mobile Safari，因此它的实现可能仍然存在错误，特别是如果您在其他网站上看到同样的问题。可能值得向 Apple 提交错误报告。

【讨论】：

谢谢。我会考虑提交报告，现在我只需要临时找到解决方法......