使用anchor和:target css选择器而不重写URL

时间:2013-12-11 17:55:22

标签: javascript css url url-rewriting anchor

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

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

我试过拦截:

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

但不起作用。

1 个答案:

答案 0 :(得分:1)

它不起作用,因为这样,或者你的链接对点击作出反应,它会把你带到你的锚点,或者它没有得到点击并带你到处。

诀窍是在您定位的元素之前或之内使用旧方法(<a id="anchor"></a>)并在position:fixed;top:0;left:0;中设置锚点,这样您的锚点始终保持在屏幕顶部并且不需要滚动。

问题是如果要触及的内容在屏幕外和正常流程中,则您的锚点效率低下。我想你有充分的理由想要避免你的页面跳跃:)