Question

我正在网站上工作：http://hopscotch.laurent.devops.montenasoft.com 当你点击汉堡包菜单（右上角） - ＆gt;然后跳房子大会或我们的价值观（只配置了这两个）它应滚动到第二部分，它适用于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 docs中提供的示例：

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

fullPage.js锚定滚动chrome bug

1 个答案: