2

我有一个固定的导航栏，它通过锚链接到页面上的区域——我使用了 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>
4

1 回答 1

0

我确定我读到 html 5 锚必须有 id 和 name

<section id="tour" name="tour">
</section>
于 2013-08-03T18:50:59.723 回答