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上测试