首先让我说我的 JQuery 技能几乎为空。 我正在用 wordpress 建立一个网站,它使用 multiscroll.js。通常在 wordpress 中,我添加菜单项并可以放入页面链接或页面内的 anchor ,但是对于这个站点,如果我将页面 anchor 作为菜单链接放入,它会将左侧部分滚动到该 anchor ,但不会滚动到该 anchor 相应的右侧部分,仍然是空白。
您可以在此处查看网站的构建:www.mauriceredmond.com/client/beco显然导航可以实现,因为右侧的点导航可以完美地完成工作。非常感谢对此问题的任何见解。
最佳答案
感谢您的回复。是的,我通过执行以下操作解决了这个问题:
从 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 后端完成。这对我来说很好,因为菜单不会改变。
关于javascript - Multiscroll.js 的导航问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31707314/