Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/107.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 移动chrome上的fullPage.js,尝试向上滚动会导致页面重新加载_Javascript_Fullpage.js - Fatal编程技术网

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

Javascript 移动chrome上的fullPage.js,尝试向上滚动会导致页面重新加载,javascript,fullpage.js,Javascript,Fullpage.js,iOS移动Chrome浏览器 我有一个使用fullPage.js的多节页面,除了移动Chrome浏览器外,在任何情况下都能完美地工作,因为Chrome的“下拉以重新加载页面”功能 如果您尝试向上滚动(通过向下滑动手指),它将重新加载到页面。如果你玩它,你会发现快速滑动可以让你正常滚动,但是如果你以一种更自然的方式滑动,就像人们习惯在网站上滚动一样,它会先“粘住”,然后重新加载页面,而不是向上滑动到下一页 这会导致用户体验极其糟糕,因为每当用户试图向上滚动时,他们都会看到带有重新加载/关闭/返回按

iOS移动Chrome浏览器

我有一个使用fullPage.js的多节页面,除了移动Chrome浏览器外,在任何情况下都能完美地工作,因为Chrome的“下拉以重新加载页面”功能

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

这会导致用户体验极其糟糕,因为每当用户试图向上滚动时,他们都会看到带有重新加载/关闭/返回按钮的小chrome菜单栏

这个问题在没有JSFIDLE头的情况下表现得更加清晰,但您可以清楚地看到这里发生了什么

更新


在使用各种在线解决方案进行测试时,问题的根源似乎是window.pageYOffset始终为0,而不管用户在页面上的位置如何。这似乎是fullPage.js运行方式的核心,这很有意义;但是,当window.pageYOffset=0时,Chrome会检测到向上滚动,并在此时启用拉刷新。当用户试图滚动时,我试图通过一些JS使用preventDetault,但它要么不工作,要么导致fullPage.JS失控。

根据库作者的帮助()我现在可以通过设置
滚动条:true和自动滚动:true的解决方案来解决问题


这会导致yOffset正常运行,Chrome不会根据库作者的帮助自动刷新(我现在可以通过设置滚动条:true和自动滚动条:true来解决问题


这会导致yOffset行为正常,Chrome不会自动刷新

这不是真正的解决方案,但不要试图发明自己的滚动行为。对用户来说,这只不过是烦人而已。如果一个设计师让我这么做是因为他们看到了一个很棒的网站,它可以完美地运行在他们完美的苹果产品上,我会说不,它将不可避免地在某个地方失败。话虽如此,它在我的Android Chrome上确实有效。实际上相当不错。但是你看过卷轴捕捉点了吗?@powerboulg我一定没有很好地解释我的问题。我正在使用一个第三方库fullPage.js来创建一系列完整的页面感觉部分,这些部分都包含在一个html页面中。它管理滚动、快速滚动、平滑滚动等。。。并且可以在所有设备和浏览器上完美运行。我的具体问题只是Chrome的移动浏览器(iOS和Android)。由于库的性质,window.pageYOffset始终等于0。当它为0时,用户尝试向上滚动,Chrome会帮助重新加载页面。我想阻止这种情况发生。这不是真正的解决方案,但不要试图发明自己的滚动行为。对用户来说,这只不过是烦人而已。如果一个设计师让我这么做是因为他们看到了一个很棒的网站,它可以完美地运行在他们完美的苹果产品上,我会说不,它将不可避免地在某个地方失败。话虽如此,它在我的Android Chrome上确实有效。实际上相当不错。但是你看过卷轴捕捉点了吗?@powerboulg我一定没有很好地解释我的问题。我正在使用一个第三方库fullPage.js来创建一系列完整的页面感觉部分,这些部分都包含在一个html页面中。它管理滚动、快速滚动、平滑滚动等。。。并且可以在所有设备和浏览器上完美运行。我的具体问题只是Chrome的移动浏览器(iOS和Android)。由于库的性质,window.pageYOffset始终等于0。当它为0时,用户尝试向上滚动,Chrome会帮助重新加载页面。我想阻止这种事情发生。