动画滚动无法使用完整的“外部”链接

Question

我正在建立此网站julebord.bedriftsdesign.no并在此页面上实现了动画滚动：http://julebord.bedriftsdesign.no/julebord.html

现在这是问题所在。当我使用像（#myanchor）这样的内部锚链接时，动画滚动效果很好。但是，如果链接的格式如下http://julebord.bedriftsdesign.no/julebord.html#myanchor它将无效。

我需要两个都工作，但我有点不知所措。我猜我必须在javascript中改变一些东西吗？

对此有任何意见。感谢

Answer 1

我认为它不适用于您当前的脚本，因为滚动是由点击而不是页面加载触发的。

您可以在页面加载中检测到URL哈希，然后手动触发点击，然后触发滚动。

您可以执行类似的操作（这不会在您的页面中进行测试，因此可能需要进行一些调整）

if(window.location.hash) {
  $('a[href="#'+window.location.hash.substr(1)+'"]').trigger('click');
}