使用“-webkit-overflow-scrolling:touch”时停止过度滚动?

我发现了:

-webkit-overflow-scrolling: touch; 

css元素给我们在ios上的原生滚动。 这对我来说似乎没问题。

但有没有办法关闭“过度滚动”效应?

例如,当滚动位置= 0,并且您继续向下拖动时,我的内容的顶部将向下移动,在其上方显示一点白色空间。 当您松开手指时,内容会向上快退。 有没有办法只禁用它的那部分?

我也从这里读到:

http://cantina.co/2012/03/06/ios-5-native-scrolling-grins-and-gothcas/

那个苹果已经介绍了这个与渲染相关的错误,以及一个黑客修复:

 -webkit-transform: translate3d(0,0,0); 

应该修复它。 这是用ios6修复的吗?

您是否尝试过关于关闭弹性滚动的博客文章中的技巧? 具体来说,对于iOS,它建议使用以下JavaScript:

 document.addEventListener( 'touchmove', function(e) { e.preventDefault(); }, false ); 

这似乎有助于:

https://github.com/joelambert/ScrollFix

… ScrollFix通过手动将scrollTop值偏移到远离极限的极限值来解决这个问题,这会导致浏览器使用橡皮筋而不是将事件传递给DOM树。