Multiscroll.js的导航问题

Navigation Issue with Multiscroll.js

本文关键字：问题 导航 js Multiscroll      更新时间：2023-09-26

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

您可以在这里看到网站的构建:www.mauriceredmond.com/client/beco很明显，导航可以实现，因为右边的。nav完美地完成了这项工作。

如果您对这个问题有任何见解，我将不胜感激。

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

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

<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>

，然后将这些菜单锚添加到插件的参数中，如下所示:

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

这意味着任何时候我需要添加一个菜单项，我必须硬编码它，因为它不能通过WordPress后端用这个方法完成。这对我来说很好，因为菜单不会改变。

相关文章：