fullpage.js 通过 url 哈希向后导航在移动设备中不起作用

fullpage.js navigate back by url hash not work in mobile

<body>
<div data-anchor="page_1"></div>
<div data-anchor="page_2"></div>
<div data-anchor="page_3"></div>
<div data-anchor="page_4"></div>
</body>
  1. 当我打开主页http://my.site/index时,默认页面是 page_1 并且 URL.
  2. 中没有散列部分 #page_1
  3. 我向下滑动屏幕,当前页面变为 page_2 和 URL http://my.site/index#page_2
  4. 我向后导航,URL 变为 http://my.site/index。该页面仍在我想要的 page_2 上 是 page_1.

是否有一些创建 fullpage.js 的选项,或者我应该将默认 URL 设置为 http://my.site/index#page_1

不幸的是,这是 fullPage.js 中的一个众所周知的错误,目前还没有解决方案。

您可以在 repo 的 github 问题论坛上阅读更多相关信息: https://github.com/alvarotrigo/fullPage.js/issues/950

为防止这种情况,您可以使用选项 recordHistory: falselockAnchors: true.

强制 fullpage.js 忽略锚点