Question

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

如果有一个或一个解决方法，有人能指出我的工作替代方案吗？

谢谢，约翰

示例代码：

<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锚点必须有id和名称

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

HTML 5 - 锚点不适用于ios Safari

1 个答案: