使用Multiscroll.js导航问题

时间:2015-07-29 17:31:59

标签: javascript jquery css wordpress multiscroll.js

首先让我说我的JQuery技能接近于null。 我正在使用wordpress构建一个利用multiscroll.js的网站。通常在wordpress中我添加菜单项并可以在页面中放置页面或锚点的链接,但是如果我将页面锚点作为菜单链接放入此站点,它会将左侧部分滚动到该锚点,但不会相应的右手部分,仍为空白。

你可以在这里看到网站的构建:www.mauriceredmond.com/client/beco显然可以实现导航,因为右侧的点击导航可以完美地完成工作。任何对这个问题的见解都将不胜感激。

1 个答案:

答案 0 :(得分:2)

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

从header.php中删除默认的WordPress菜单,并在我自己的菜单中按照插件文档中的描述集成data-menuanchor进行硬编码

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

然后将这些menuanchors添加到插件的参数中,如下所示:

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

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