我想這個鏈接簡單地向下滾動頁面無需重新加載:鏈接到一個錨在同一頁
<a href="#anchor">Link Text</a>
應該去<a id='anchor'/>
立竿見影。
但是,它正在重新加載頁面,然後轉到錨標記。爲什麼是這樣?
應該不重要,但這是一個Rails應用程序。
我想這個鏈接簡單地向下滾動頁面無需重新加載:鏈接到一個錨在同一頁
<a href="#anchor">Link Text</a>
應該去<a id='anchor'/>
立竿見影。
但是,它正在重新加載頁面,然後轉到錨標記。爲什麼是這樣?
應該不重要,但這是一個Rails應用程序。
您應該將錨標記更改爲div標記...它不會與另一個錨標記一起使用。
看一看創建如何paralax網站,但這個應該跟你在找什麼...
<a href="#divIdName">Go here</a>
<div id="divIdName">Destination</div>
停泊在同一個頁面幫助是這樣的:
<a href="#anyId">Anchor text</a>
<p id="anyId"></p>
嘗試它....
檢查是否有任何事件綁定在您正在使用的錨標記上。
剛剛在我的一個rails應用上測試過,它似乎工作正常,沒有重新加載,會有任何衝突的JavaScript或路由導致它重新加載? –
鏈接與像這樣的錨將不會重新加載頁面,你可以看到這裏https://jsfiddle.net/wswnvqfg/問題在於別的地方,你能提供更多的信息,也許標記? – Esko
''是無效的HTML。元素的結束標記是強制性的。 – Quentin