锚标签打破具有Hashchange 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添加到要滚动的链接，而不是使用hashchange。此外，它还可以为滚动设置动画。