fullPage.js在移动Chrome上,尝试向上滚动会导致页面重新加载

时间:2016-09-20 23:39:21

标签: javascript fullpage.js

iOS移动Chrome浏览器。

我有一个使用fullPage.js的多部分页面,除了移动Chrome浏览器之外,由于Chrome的“下载到重新加载页面”功能,在各种情况下都能完美运行。

如果您尝试向上滚动(通过向下滑动手指),它将重新加载到页面。如果你玩它一些你会发现快速滑动将允许你正常滚动,但如果你以一种更自然的方式滑动,就像曾经在网站上滚动的人一样,它首先“坚持”然后重新加载页面,而不是滑动到下一页。

当用户尝试向上滚动时,它会导致极差的用户体验,他们会看到带有重新加载/关闭/返回按钮的小铬菜单栏。

https://fiddle.jshell.net/imac/kemtmm9a/embedded/result/ 如果没有jsfiddle标题,问题就会更加清晰,但你可以肯定地看到这里发生了什么。

更新

在使用在线发现的各种解决方案进行测试时,问题的根源似乎源于window.pageYOffset始终为0的事实,无论用户在页面上的位置如何。这似乎是fullPage.js如何运作的核心,这是有意义的;但是,当window.pageYOffset = 0时,Chrome会检测到向上滚动,并在此时启用拉取。我正在尝试通过一些JS来使用preventDetault,当用户试图滚动但是它不工作或导致fullPage.js变得混乱。

1 个答案:

答案 0 :(得分:0)

根据图书馆作者的帮助(https://github.com/alvarotrigo/fullPage.js/issues/2277)我现在能够用他设置scrollBar:true and autoScrolling:true

的解决方案来解决

这会导致yOffset正常运行而Chrome不会自动刷新