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

Animated scroll not working with complete "external" links

本文关键字：外部 链接 滚动 动画      更新时间：2023-09-26

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

现在这就是问题所在。当我使用像 （#myanchor） 这样的内部锚链接时，动画滚动工作正常。但是，如果链接的格式如下 http://julebord.bedriftsdesign.no/julebord.html#myanchor

则不起作用。

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

希望对此有任何投入。谢谢

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

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

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

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