導航到另一頁上的錨點

Question

我只想從一個頁面導航到另一個頁面上的特定點

我有一個包含四個部分的主頁。

<section> 
    <a name="section1"></a> 
</section> 

<section id="section2"> 

</section> 

<section> 
    <a name="section3"></a> 
</section> 

<section id="section4"> 

</section> 

第2節和每一頁上4的功能，所以我的導航看起來像：

<nav> 
     <ul> 
     <li><a href="index.html#section1">ABOUT</a></li> 
     <li><a href="#section2">APARTMENTS</a></li> 
     <li><a href="index.html#section3">LANDLORDS</a></li> 
     <li><a href="#section4">CONTACT</a></li> 
     </ul> 
</nav> 

鏈接不導航到該索引頁或索引頁中所需的部分。

在此先感謝。

現在我有

<section> 
     <a name="section1"></a> 
    </section> 

    <section id="section2"> 

    </section> 

    <section> 
     <a name="section3"></a> 
    </section> 

    <section id="section4"> 

    </section> 

和我的導航：

<nav> 
     <ul> 
     <li><a href="#section1">ABOUT</a></li> 
     <li><a href="#section2">APARTMENTS</a></li> 
     <li><a href="#section3">LANDLORDS</a></li> 
     <li><a href="#section4">CONTACT</a></li> 
     </ul> 
</nav> 

它仍然沒有工作

Answer 1

你確定你已經放置在同一個目錄下的文件？我已經測試了您提供的代碼並且它正在工作。但是你可以試試這個（給予部分的ID以不同的方式）：

<section> 
    <a id="section1"> 
     CONTENT 
    </a> 
</section> 

如果你這樣做，只是用連接的相同的方式：

<a href="different-page.html#section1">Section One</a> 

Answer 2

你需要一個一個名稱標籤，請參閱 http://www.w3schools.com/tags/att_a_name.asp

Answer 3

我認爲您正在使用舊版瀏覽器（IE8）面臨此問題和以下）。因爲我已經在firefox，chorm和IE9中測試過它。它工作正常。但在傳統瀏覽器中失敗。

爲此，您必須使用錨標記而不是div id。

例子：

<a name="section1"></a> 
<section>section content goes here </section> 

<a name="section2"></a> 
<section>section content goes here </section> 

<a name="section3"></a> 
<section>section content goes here </section> 

<a name="section4"></a> 
<section>section content goes here </section> 

現在你可以使用你想爲你的部分元素的任何類的名稱...

Answer 4

檢查你的JavaScript代碼表示「event.preventDefault（）;」的行

我在一個w3school引導程序模板中發現了這個問題，該模板將此命令作爲一個塊的一部分，該塊可以很好地滾動到hashtag。一旦我評論出來，鏈接工作正常。