javascript - 当链接已经有 anchor 滚动时滚动到另一个页面上的位置

Question

我在 home page 上有这个滚动到 id 位置的菜单:

<li><a href="#event-section">El evento</a></li>
<li><a href="#asistentes-section">Asistentes</a></li>
<li><a href="#contact-section">Contacto & Inscripciones</a></li>

我正在使用这个脚本来实现平滑滚动:

var $root = $('html, body');
$('a').click(function() {
    $root.animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
    }, 500);
    return false;
});

这非常有效。

问题是我在站点中有另一个页面。当用户进入它并单击菜单的任何链接时，它只是不起作用，因为 divs 仅存在于 home page 上。我希望如果用户在另一个页面中并单击菜单的链接，则 home page 打开并转到该部分。

知道如何修复此菜单以同时执行这两项操作吗？

Answer 1

尝试添加 index.html，然后在除主页之外的所有其他页面中像下面那样散列。这应该有效。

<li><a href="index.html#event-section">El evento</a></li>