是否在使用"-webkit-overflow-scrolling: touch“时停止过度滚动？

Question

我找到了：

-webkit-overflow-scrolling: touch;

css元素，让我们在ios上进行本机滚动。这对我来说似乎还行。

但是，有没有办法关闭"overscroll“效果呢？

例如，当滚动位置=零时，当你不断向下拖动时，我的内容的顶部将向下移动，显示出它上面的一点空白。当您松开手指时，内容会向上折回。有没有办法只禁用这一部分？

我也从这里读到：

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

苹果引入了一个与渲染相关的错误，并修复了以下问题：

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

应该可以解决这个问题。这是用ios6解决的吗？

Answer 1

你有没有尝试过在this blog post中关闭弹性滚动的技巧？具体地说，对于iOS，它建议使用以下JavaScript：

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

Answer 2

这似乎有帮助：

https://github.com/joelambert/ScrollFix

...ScrollFix解决此问题的方法是手动将scrollTop值与限制值相差1，这会导致浏览器使用橡皮筋，而不是在DOM树中向上传递事件。