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

时间:2013-07-01 13:14:32

标签: javascript ios scroll inertia momentum

我正在为需要在iPad上运行的网页构建无限滚动组件。

所以 - 当用户滚动到列表的底部时,我们会加载更多内容并在加载时显示动画ajax加载器图像。

我设法通过使用touchmove事件来测量页面滚动位置并在需要时加载内容,从而使这一点工作到位。但是 - 当我们滚动页面时,任何动画GIF(或CSS动画图标)都会停止动画(大概是为了减少gpu上的负载)。

然而,我已经找到了解决这个问题的方法 - 如果我创建一个带溢出的元素:滚动它,我可以将所有内容放入其中,并且使用相同的方法测量touchmove上的位置,但动画GIF仍然继续动画我也可以在后台运行javascript函数。

但是 - 我还希望滚动区域在滚动后让标准iOS动量/惯性减慢。我已经设法通过应用-webkit-overflow-scrolling来实现这一点:触摸滚动区域。

所以 - 对我的问题 - 当我释放滚动元素并且它逐渐减慢时,我想测量滚动元素的位置,因为它自动减速(如果这是有道理的)。当我滚动使用“touchmove”事件时,我可以测量它,当动量停止时我可以测量它,但不能在动量/减速位期间测量它。

我可以在它发生时运行javascript循环/间隔,但是当它逐渐减慢时,似乎无法逐步测量元素的滚动位置。

有什么想法吗?

由于

0 个答案:

没有答案