fullPage.js移动版Chrome上,试图向上滚动页面的原因重装

问题描述:

iOS移动Chrome浏览器。fullPage.js移动版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出现故障。

+0

这是没有真正的解决办法,但不要的解决方案来解决试图发明自己的滚动行为。这对用户来说只是一件烦人的事。如果一位设计师要求我这样做,因为他们已经看到了一个完美的完美苹果产品的真棒网站,我会说不,它将不可避免地失败。有了这个说法,它可以在我的Android Chrome上运行。实际上很好。但你有没有看过卷动点? – powerbuoy

+1

@powerbuoy我一定没有很好地解释我的问题。我正在使用第三方库fullPage.js来制作一系列完整页面感觉部分,这些部分都放在一个HTML页面中。它管理滚动,快速滚动,平滑滚动等等,并且完美地适用于所有设备和所有浏览器。我的特定问题仅限于Chrome的移动浏览器(包括iOS和Android)。由于库的性质,window.pageYOffset始终等于0.如果它为0,并且用户尝试向上滚动,Chrome将有助于重新加载页面。我想阻止它发生。 –

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

这将导致Y偏移正常行为和Chrome不会自动刷新