在javascript中强制停止动力在iphone/ipad上滚动

Gee*_*Jan 9 javascript iphone mobile momentum infinite-scroll

是否有可能在javascript中强制停止iphone/ipad上的动量滚动?

额外:非常确定这是天空中的馅饼,但是对于奖励点(荣誉和荣誉),在dom-manipulation和scrollTo应用之后,在强制停止之前以相同的动量恢复滚动.如何?

Pat*_*lph 8

使用fastclick.js时,这实际上非常有用.lib移除移动设备上的300ms点击延迟,并在惯性/动量滚动期间启用事件捕获.

包括fastclick并将其附加到body元素后,我停止滚动并转到顶部的代码如下所示:

scrollElement.style.overflow = 'hidden';
scrollElement.scrollTop = 0;
setTimeout(function() {
  scrollElement.style.overflow = '';
}, 10);
Run Code Online (Sandbox Code Playgroud)

诀窍是设置overflow: hidden,停止惯性/动量滚动.请参阅我的小提琴,了解惯性/动量期间停止滚动的完整实现.

  • 将溢出重置为隐藏,然后返回自动或滚动是一个可靠的解决方案,而不使用fastclick.js.只是不要忘记超时! (5认同)