javascript - Multiscroll.js 的导航问题

Question

首先让我说我的 JQuery 技能几乎为空。我正在用 wordpress 建立一个网站，它使用 multiscroll.js。通常在 wordpress 中，我添加菜单项并可以放入页面链接或页面内的 anchor ，但是对于这个站点，如果我将页面 anchor 作为菜单链接放入，它会将左侧部分滚动到该 anchor ，但不会滚动到该 anchor 相应的右侧部分，仍然是空白。

您可以在此处查看网站的构建:www.mauriceredmond.com/client/beco显然导航可以实现，因为右侧的点导航可以完美地完成工作。非常感谢对此问题的任何见解。

Answer 1

感谢您的回复。是的，我通过执行以下操作解决了这个问题:

从 header.php 中删除默认的 WordPress 菜单，并在我自己的菜单中硬编码，如插件文档中所述，集成数据菜单 anchor

<ul id="myMenu">
<li data-menuanchor="firstPage" class="active"><a href="#firstPage">First section</a></li>
<li data-menuanchor="secondPage"><a href="#secondPage">Second section</a></li>
<li data-menuanchor="thirdPage"><a href="#thirdPage">Third section</a></li>
<li data-menuanchor="fourthPage"><a href="#fourthPage">Fourth section</a></li>

然后像这样将这些菜单 anchor 添加到插件的参数中:

jQuery('#multiscroll').multiscroll({
anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'],
menu: '#myMenu'});

这意味着无论何时我需要添加菜单项，我都必须对其进行硬编码，因为使用这种方法无法通过 WordPress 后端完成。这对我来说很好，因为菜单不会改变。