使用錨和：目標css seletor沒有重寫網址

Question

我想使用目標CSS選擇器和錨來管理我的網站上的標籤，但我不想修改我的網址。我如何防止網址重寫？

也可以防止滾動到元素呢？怎麼樣？

我試圖攔截：

$('a[href^=#]').on 'click', (event)-> 
    event.preventDefault() 

但不工作。

Answer 1

它不會工作，因爲這種方式，或您的鏈接反應點擊，它會帶你到你的錨點，或它沒有得到點擊，並帶你無處。

訣竅是使用權之前或右側你的目標元素內錨舊的方式（<a id="anchor"></a>），並設置錨position:fixed;top:0;left:0;，這樣一來你的錨始終保持在屏幕的頂部，並無需滾動。

問題在於，如果內容要到達屏幕並處於正常流程，則您的錨點效率會變得低下。我想你有一個很好的理由，想避免你的網頁跳動:)