html - HTML 5 - iOS Safari でアンカーが機能しない

Question

アンカーを介してページ上の領域にリンクする固定ナビゲーション バーがあります。通常の「div」ではなく HTML 5 の「セクション」を使用しましたが、違いがあるかどうかはわかりません。メインブラウザのいずれかでデスクトップを使用する場合、これらのアンカーリンクはAndroidタブレットと同様に正常に機能しますが、iOSデバイスを使用すると応答しません.iOSのアンカーを行う別の方法を探していましたが、そうではありません決定的な修正。

1つまたは回避策がある場合、誰かが私に有効な代替手段を教えてもらえますか?

ありがとう、ジョン

サンプルコード:

<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>