fullPage.js 锚滚动 chrome 错误

Question

我正在开发一个网站：http://hopscotch.laurent.devops.montenasoft.com 当您单击汉堡菜单（右上角）-> 然后 hopscotch congress 或我们的值（仅配置了这两个）时，它应该滚动到第二部分，它适用于 firefox，但不适用于 chrome。

有很多js都是仓促写的。大部分在http://hopscotch.laurent.devops.montenasoft.com/sites/all/themes/hopscotch/js/main.js

我可以复制一些我认为相关但不确定导致错误的部分。 只有当有人能够指出他/她认为会导致错误的代码的和平时，它才会有很大帮助......

部分js不是我写的，但我会尽量回答问题。

ps

当您打开带有前 2 个链接的新标签页时，它适用于 chrome。

更新

任务是创建一个指向页面的链接，该页面向下滚动到某个部分并将幻灯片更改为特定幻灯片。滑动部分仅在向下滚动部分起作用。

Answer 1

您没有使用fullPage.js docs 或examples 中指定的菜单中的锚链接。您只是在调用另一个 URL：

看看区别：

新网址

www.site.com/en?img=0#second

锚链接

www.site.com/#second

Fullpage.js 仅适用于锚链接。

它可能在 Firefox 中工作的唯一原因是他们处理带有新参数的 URL 的方式。但这可能会在未来的任何时候改变。不是你可以依赖的东西。

fullPage.js 文档中提供的示例：

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