HTML 5 - anchor 不适用于 ios Safari

Question

我有一个固定的导航栏，它通过 anchor 链接到页面上的区域 - 我使用 HTML 5“部分”而不是常规的“div”，但不确定这是否有任何区别。当使用带有任何主要浏览器的桌面时，这些 anchor 链接可以像在 android 平板电脑上一样正常工作，但是当使用 ios 设备时，它们没有响应，我一直在寻找另一种方法来为 ios 做 anchor ，但没有决定性的修复。

如果有一个或解决方法，任何人都可以指出一个可行的替代方案吗？

谢谢，约翰

示例代码:

<section id="headbar">

        <section class="container">
            <a href="#headbar" title="logo"><img src="images/logo.png" alt="our logo"></a>

            <ul id="nav">
            <li><a href="#tour" title="Learn more" class="current">Tour</a></li>
            <li><a href="#faq" title="Frequently asked questions">FAQs</a></li>
            <li><a href="#terms" title="Contact us">Contact</a></li>
            <li class="last"><a href="#terms" title="Read our terms">Terms</a></li>
            </ul><!-- End of #nav -->
        </section>

</section>

CSS:

.container          { width: 960px; margin: auto; }
#headbar            { background: url(../images/headbarbg.png) repeat-x scroll 0 0 transparent; height: 92px; position: fixed; width: 100%; z-index: 3000; }
/* Nav */
ul#nav              { list-style: none; float: right; }
ul#nav li           { float: left; padding: 0; font-size: 18px; width: auto; margin: 12px 15px 0 15px; }
ul#nav li a         { display:block; color:#ffffff; text-decoration:none; }

以及它们链接到的内容是如何编码的:

<section id="tour">
    <section class="container">
    <h2>title here</2>
<p>lots of text</p>
    </section>
</section>

Answer 1

我确定我读过 html 5 anchor 必须有 id 和名称

<section id="tour" name="tour">
</section>