javascript - vue - webkit-overflow-scrolling touch bug
强制停止动力在iphone/ipad在JavaScript中滚动 (2)
是否有可能强制停止动力在iPhone / iPad上的JavaScript滚动?
额外:很确定这是天空中的馅饼,但对于奖励点(荣誉和荣誉),在dom-manipulation和scrollTo应用之后,在强制停止之前以相同的动量恢复滚动。 如何?
当使用fastclick.js时,这实际上是非常可能的。 该库可以消除移动设备上的300毫秒点击延迟,并在惯性/动量滚动期间实现事件捕获。
包括fastclick并将其附加到body元素后,我的代码停止滚动,并转到顶部看起来像这样:
scrollElement.style.overflow = 'hidden';
scrollElement.scrollTop = 0;
setTimeout(function() {
scrollElement.style.overflow = '';
}, 10);
诀窍是设置overflow: hidden
,这将停止惯性/动量滚动。 请看我的小提琴全面实施在惯性/势头停止滚动 。
这里是我的代码使用jQuery动画(作为onclick事件运行)
var obj=$('html, body'); // your element
if(!obj.is(':animated')) {
obj.css('overflow', 'hidden').animate({ scrollTop: 0 }, function(){ obj.css('overflow', ''); });
}
在iPhone 6上测试