2016-09-22 122 views
0

我想這個鏈接簡單地向下滾動頁面無需重新加載:鏈接到一個錨在同一頁

<a href="#anchor">Link Text</a> 

應該去<a id='anchor'/>立竿見影。

但是,它正在重新加載頁面,然後轉到錨標記。爲什麼是這樣?

應該不重要,但這是一個Rails應用程序。

+0

剛剛在我的一個rails應用上測試過,它似乎工作正常,沒有重新加載,會有任何衝突的JavaScript或路由導致它重新加載? –

+1

鏈接與像這樣的錨將不會重新加載頁面,你可以看到這裏https://jsfiddle.net/wswnvqfg/問題在於別的地方,你能提供更多的信息,也許標記? – Esko

回答

-2

您應該將錨標記更改爲div標記...它不會與另一個錨標記一起使用。

看一看創建如何paralax網站,但這個應該跟你在找什麼...

<a href="#divIdName">Go here</a> 
<div id="divIdName">Destination</div> 
+2

你的評論是錯誤的,錨將在任何html元素上工作,甚至是具有該id的另一個錨。 – Esko

+0

如果我的評論是錯誤的?爲什麼你的建議演示看起來完全像我演示的?和我的作品呢? – Crispian

+0

我沒有說你的代碼是錯誤的或不工作......我的代碼只是爲了證明與錨鏈接不重新加載頁面。您的評論***'它不會與另一個錨標記'***是簡單的***錯誤和誤導***和反對html規範。 – Esko

-2

停泊在同一個頁面幫助是這樣的:

<a href="#anyId">Anchor text</a> 
<p id="anyId"></p> 

嘗試它....

-2

檢查是否有任何事件綁定在您正在使用的錨標記上。