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

Question

我找到了：

-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修复的吗？

Answer 1

这似乎有所帮助：

https://github.com/joelambert/ScrollFix

  

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

Answer 2

您是否尝试过this blog post关于关闭弹性滚动的技巧？具体来说，对于iOS，它建议使用以下JavaScript：

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