javascript - 动画滚动不适用于完整的 "external"链接

Question

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

这就是问题所在。当我使用像 (#myanchor) 这样的内部 anchor 链接时，动画滚动效果很好。但是如果链接格式像这样http://julebord.bedriftsdesign.no/julebord.html#myanchor这是行不通的。

我需要同时工作，但对如何工作有点不知所措。我猜我使用的 javascript 中必须更改某些内容，对吗？

将不胜感激对此的任何投入。谢谢

Answer 1

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

您可以检测页面加载时的 URL 哈希，然后手动触发点击，这将触发滚动。

你可以做类似的事情(这没有在你的页面中测试，所以它可能需要一些调整)

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