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

Question

我发现了:

-webkit-overflow-scrolling: touch;

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

但有没有办法关闭"过度滚动"效应？

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

我也从这里读到:

那个苹果已经介绍了这个与渲染有关的bug,以及一个修复的hack:

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

应该修复它.这是用ios6修复的吗？

Answer 1

您是否尝试过这篇博客文章中有关关闭弹性滚动的技术？具体来说，对于 iOS，它建议使用以下 JavaScript：

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