Question

我有一个单页滚动网站。它使用带有jquery的固定位置导航栏滚动到网站的不同部分。该网站工作正常，除了iOS（我还没有在Android上测试过）。在iOS上，单击链接后，导航会冻结，直到您手动向上或向下滚动。出于某种原因，链接保持活动状态，直到您滚动。这是Mobile 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，问题仍然存在。

Answer 1

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

Answer 2

我会添加另一个答案，因为它与我原来的完全分开。

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

滚动网站在Mobile Safari中不起作用？

2 个答案: