fullPage.js anchor scroll chrome bug



我正在做一个网站:http://hopscotch.laurent.devops.montenasoft.com当你点击汉堡包菜单(右上角)->然后跳房子大会或我们的值(只有这两个配置),它应该滚动到第二部分,它在firefox上工作,但在chrome上不行。

有很多匆匆忙忙写出来的js。大部分在http://hopscotch.laurent.devops.montenasoft.com/sites/all/themes/hopscotch/js/main.js

我可以复制一些我认为相关的部分,但不确定是什么导致了错误。只有有人能指出他/她认为可能导致错误的代码的和平,这将有很大帮助…

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

p>

你打开一个带有前两个链接的新标签时,它可以在chrome上工作。

任务是创建一个指向页面的链接,该页面向下滚动到一个部分,并将幻灯片更改为特定的幻灯片。

您没有在fullPage.js文档或示例中指定的菜单中使用锚链接。您正在调用另一个URL:

查看差异:

<<p> 新URL/strong>

www.site.com/en ? img = 0 #第二

锚的链接

www.site.com/第二

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>

最新更新