滚动网站在移动Safari中无法使用？

我有一个单页滚动网站。它使用jquery的固定位置导航栏滚动到网站的不同部分。该网站工作正常，除了在iOS上（我没有在Android上测试过）。在iOS上，点击链接后，导航将冻结，直到您手动向上或向下滚动。出于某种原因，链接保持活动，直到您滚动。这是移动Safari中的错误吗？有一些解决方法吗？滚动网站在移动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，问题依然存在。

来源

2011-12-24 BoundinCode

在我的iPhone 4（5.0.1）上正常工作，你的iOS版本是什么？ – Zar 2011-12-24 21:12:35

如果你点击一个链接，你能立即点击另一个链接吗？我也使用5.0.1。但在我的手机上，我只能点击一个链接而不冻结链接 – BoundinCode 2011-12-24 22:05:37

哦，我的坏。现在我看到了问题。不，我不能，但有时我确实被推向了一个正确的方向。我会看一看。 – Zar 2011-12-24 22:10:51

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

由于您需要临时解决方法，因此您可能会在iScroll 4中找到要查找的内容。我曾用它来完成iOS 5以前的工作，因此可能值得研究。

来源

2011-12-27 17:37:58 Scottie

position: fixed仅在iOS 5的移动版Safari中添加了支持，所以很可能它的实施仍然存在问题，尤其是当您在其他网站中发现相同的问题时。可能值得向Apple提交一份错误报告。

来源

2011-12-25 11:22:49 Scottie

谢谢。我会考虑提交报告，现在我只需要暂时找到解决方法... – BoundinCode 2011-12-26 17:56:08

滚动网站在移动Safari中无法使用？

回答

相关问题