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





momentum