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

问题描述 投票:1回答:1

iOS移动Chrome浏览器。

我有使用fullPage.js多栏目页面,完美的作品,除了移动Chrome浏览器,由于Chrome的各种情况“下拉重新加载页面”功能。

如果您尝试向上滚动(通过滑动手指向下)将重新加载页面。如果你用它打一些,你会发现,滑快将允许你正常滚动,但是如果你像使用滚动网站上有人更自然的方式滑动,它会“粘”在第一次然后就重装页面,而不是滑动到下一个页面。

这导致一个非常糟糕的用户体验,任何时候用户试图滚动他们看到与重载/关闭/后退按钮的小镀铬的菜单栏。

https://fiddle.jshell.net/imac/kemtmm9a/embedded/result/问题提出了自己更清楚没有的jsfiddle头,但你绝对可以看到是怎么回事。

更新

在发现各种解决方案测试了这一点,网上问题的根源似乎是由以下事实题干window.pageYOffset始终为0,无论在哪里,用户在页面上。这似乎中央对fullPage.js如何运作这是有道理的;然而,铬检测用于向上滚动时window.pageYOffset = 0,并且使拉当时刷新。我想通过一些JS工作使用preventDetault当用户试图滚动,但它要么不工作或造成fullPage.js去失控。

javascript fullpage.js
1个回答
0
投票

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

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

© www.soinside.com 2019 - 2024. All rights reserved.