javascript - 动画滚动不适用于完整的“外部”链接

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');
}