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>
- 当我打开主页
http://my.site/index
时,默认页面是
page_1
并且 URL. 中没有散列部分 #page_1
- 我向下滑动屏幕,当前页面变为
page_2
和 URL
http://my.site/index#page_2
- 我向后导航,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: false
或 lockAnchors: true
.
强制 fullpage.js 忽略锚点
<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>
- 当我打开主页
http://my.site/index
时,默认页面是page_1
并且 URL. 中没有散列部分 - 我向下滑动屏幕,当前页面变为
page_2
和 URLhttp://my.site/index#page_2
- 我向后导航,URL 变为
http://my.site/index
。该页面仍在我想要的page_2
上 是page_1
.
#page_1
是否有一些创建 fullpage.js
的选项,或者我应该将默认 URL 设置为 http://my.site/index#page_1
?
不幸的是,这是 fullPage.js 中的一个众所周知的错误,目前还没有解决方案。
您可以在 repo 的 github 问题论坛上阅读更多相关信息: https://github.com/alvarotrigo/fullPage.js/issues/950
为防止这种情况,您可以使用选项 recordHistory: false
或 lockAnchors: true
.