javascript - 使用 anchor 和 :target css seletor without rewrite URL

Question

我想使用 objective-c ss 选择器和 anchor 来管理我网站上的选项卡，但我不想修改我的 url。如何防止 url 重写？

也可以防止滚动到元素吗？怎么办？

我试过拦截:

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

但不起作用。

Answer 1

它不会工作，因为这样，或者您的链接对点击使用react并将您带到您的 anchor ，或者它没有获得点击并带您到任何地方。

诀窍是在目标元素之前或内部以旧方式 (<a id="anchor"></a>) 使用 anchor ，并在 position:fixed;top:0;left:0; 中设置 anchor ，这样您的 anchor 将始终保持在屏幕顶部，无需滚动。

问题是，如果要到达的内容不在屏幕上且处于正常流中，您的 anchor 就会变得低效。我想您有充分的理由希望避免页面跳动 :)