javascript - 是否可以让 javascript 使用 nav.html 中的锚点正确执行平滑滚动？

Question

我正在尝试创建一个采用平滑滚动的模块化 html 文档。

如果我不直接将锚点放在文档中，它不会平滑滚动。

http://www.cincitucky.com/_scripts/script.js显示了已加载的 html 元素，其中“nav.html”已弃用，因为我必须将其直接放在 index.html 中才能正常工作。

是否可以让 javascript 使用 nav.html 中的锚点正确执行平滑滚动？

我在这里问之前彻底检查了。我希望有人可以在这方面帮助我。

此外，是否有一个很棒的网站可以解释如何改善/解决这个问题？

score 0 · Accepted Answer

由于您通过（异步）ajax 调用加载 nav 元素，因此您的链接在文档就绪事件中不可用，因此在您的外部script.js更改此

$('a[href^="#"]').click(function(event) {
...

进入这个

$('body').on('click', 'a[href^="#"]', function(event) {
...

这样做您将body通过其传播捕获元素上的事件（这种技术称为事件委托）

1 回答 1