jquery - anchor 标记破坏具有哈希更改 URL 的页面

Question

我正在使用 hashchange 浏览显示/隐藏内容的网站。问题是，我还想使用 anchor 标记进行页面跳转。这会破坏站点并显示初始内容。我似乎找不到解决方法。

有没有一种方法可以在不使用 <a href="#anchor">Link to Anchor</a> 的情况下构建一个将您带到 anchor 标记的函数？ ？

Answer 1

您可以使用滚动补丁:

$(".scroll-link").click(function(e){
  e.preventDefault();
  var url = $(this).attr('href');
  $("body,html").animate({scrollTop: $(url).scrollTop()});
})

只需将 .scroll-link 添加到您要滚动的链接，而不是使用 hashchange。此外，它还为滚动设置动画。