锚标记破坏具有哈希更改 URL 的页面

Question

我正在使用hashchange来导航显示/隐藏内容的网站。 问题是，我还想使用锚标签进行页面跳转。这会中断站点并显示初始内容。 我似乎找不到解决方法。

有没有办法构建一个函数，在不使用<a href="#anchor">Link to Anchor</a>的情况下将您带到锚标签？

Answer 1

您可以使用滚动补丁：

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

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