Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/105.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 检测iPad页面元素上的动量/惯性滚动_Javascript_Ios_Scroll_Momentum - Fatal编程技术网

Javascript 检测iPad页面元素上的动量/惯性滚动

Javascript 检测iPad页面元素上的动量/惯性滚动,javascript,ios,scroll,momentum,Javascript,Ios,Scroll,Momentum,我正在为需要在iPad上工作的网页构建一个无限滚动组件 因此,当用户滚动到列表底部时,我们加载更多内容,并在加载时显示一个动画ajax加载程序图像 通过使用touchmove事件来测量页面滚动位置并在需要时加载内容,我已经成功地实现了这一点。但是-当我们滚动页面时,任何动画GIF(或css动画图标)都会停止动画(可能是为了减少gpu上的负载) 不过,我找到了一种解决方法——如果我创建了一个带有溢出的元素:滚动,我可以将所有内容放在其中,并在touchmove上使用相同的测量位置的方法,但动画GI

我正在为需要在iPad上工作的网页构建一个无限滚动组件

因此,当用户滚动到列表底部时,我们加载更多内容,并在加载时显示一个动画ajax加载程序图像

通过使用touchmove事件来测量页面滚动位置并在需要时加载内容,我已经成功地实现了这一点。但是-当我们滚动页面时,任何动画GIF(或css动画图标)都会停止动画(可能是为了减少gpu上的负载)

不过,我找到了一种解决方法——如果我创建了一个带有溢出的元素:滚动,我可以将所有内容放在其中,并在touchmove上使用相同的测量位置的方法,但动画GIF仍然会继续动画,我也可以在后台运行javascript函数

但是-我还希望滚动区域在滚动后具有标准的iOS动量/惯性。通过将-webkit overflow scrolling:touch应用到滚动区域,我成功地实现了这一点

所以-对于我的问题-当我释放滚动元素并且它逐渐变慢时,我想在滚动元素自动变慢时测量它的位置(如果有意义的话)。我可以在滚动“touchmove”事件时进行测量,也可以在动量停止时进行测量,但不能在动量/减速位进行测量

我可以在运行javascript循环/间隔时运行它,但当元素逐渐变慢时,似乎不可能准确地测量它的滚动位置

有什么想法吗


谢谢

嗨,对不起,我没有你的问题的答案,但我注意到你说你可以在动量卷轴减速后停止时获得位置。你能解释一下你是如何做到这一点的,因为我正试图实现这一点。嗨-我需要找出代码给你一个例子,但从记忆中-我想你会得到一个“滚动”事件激发在一个动量滚动结束。如果做不到这一点,您可能会在touchEnd上触发一些代码,因为在动量滚动发生时不会执行任何代码,因此可能会在滚动的末尾触发。