使用锚和：目标css seletor没有重写网址

Question

我想使用目标CSS选择器和锚来管理我的网站上的标签，但我不想修改我的网址。我如何防止网址重写？

也可以防止滚动到元素呢？怎么样？

我试图拦截：

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

但不工作。

Answer 1

它不会工作，因为这种方式，或您的链接反应点击，它会带你到你的锚点，或它没有得到点击，并带你无处。

诀窍是使用权之前或右侧你的目标元素内锚旧的方式（<a id="anchor"></a>），并设置锚position:fixed;top:0;left:0;，这样一来你的锚始终保持在屏幕的顶部，并无需滚动。

问题在于，如果内容要到达屏幕并处于正常流程，则您的锚点效率会变得低下。我想你有一个很好的理由，想避免你的网页跳动:)