javascript - 动态页面 anchor slider 故障

Question

因此，我的页面 anchor 使用 jquery 脚本将页面滑动到各种 anchor ，但问题是当您返回顶部以转到不同的 anchor 时，页面出现故障，我似乎无法修复它。

我感觉这个问题与 html 试图在 jquery 有时间采取行动之前直接转到页面 anchor 有关，或者这是一个非常明显的错误，我可能应该停止编码。

问题链接:http://beta.morriscommunications.com.au/ (代码太多，无法在此处发布。)

如果任何潜在的解决方案都可以自己实现到代码中，我会更愿意。

干杯。

编辑:这个网站最好在谷歌浏览器中浏览，因为这是我开发它的主要目的。

Answer 1

$(".abo").click(function() {
   event.preventDefault(); <---- this will help you
   scrollToAnchor('abo');
});

我还注意到您正在使用类进行导航，并且您有多个具有相同名称的 ID，这很糟糕。

我建议您使用一个函数进行导航。 使用“this”并获取点击元素的类/id/数据属性并使用它导航到 anchor ，这将节省您的代码。