私は簡単なサイトを作成していて、すべてのコンテンツが 1 つのページにあり、アンカー リンクのある小さなメニューを使用して、エンド ユーザーが特定の部分にすばやく移動できるようにしています。正常に機能する 2 つのアンカー リンク (自己紹介、マイ プロジェクト) がありますが、「お問い合わせ」リンクは「マイ プロジェクト」セクションのランダムな部分にジャンプします。
サイトのプレビューはこちらから入手できます: http://dev.cuonic.com/cuonic.com/
ID を確認しましたが、対応しています。「マイ プロジェクト」セクションにランダムな「contact-me」ID はありません。ID を変更しましたが、それでも発生します。これは Firefox と Chrome の両方で発生します。どうしたの ？どんな助けでも大歓迎です:)
その中のコンテンツ//*[@id="content"]/div[2]はすべて左にフロートされます。浮動要素は、それを含むブロック レベル要素の高さに影響しません。これを追加すると：
#contact-me { clear:both; }
CSS のどこかに追加すると、<span id="contact-me">タグは実際に必要な場所に再配置されます。あなたのページは、連絡先フォームが一番上まで行くにはまだ十分ではありませんが (少なくとも私のモニターでは)、それでもページの最後までスクロールします。
コードのこのセクションを変更します。
</div>
<span class="anchor" id="contact-me"></span>
<h1>Contact Me</h1>
<div class="text">
これに：
</div>
<h1>Contact Me</h1>
<span class="anchor" id="contact-me"></span>
<div class="text">