如何在 iOS 主屏幕链接上停止弹性滚动（又名滚动反弹，又名页面过度滚动效果）？

【问题标题】：How to stop elastic scrolling (aka scroll bounce, aka page overscroll effect) on iOS home screen links?如何在 iOS 主屏幕链接上停止弹性滚动（又名滚动反弹，又名页面过度滚动效果）？
【发布时间】：2013-04-09 12:19:58
【问题描述】：

通过覆盖 touchmove 事件，我设法在我的网页上禁用了滚动溢出效果（“橡皮筋”？）。这在移动 Safari 上运行良好。

但是，当我在 iPad 主屏幕中为我的页面添加快捷方式时，效果再次激活。

我怎样才能在那里禁用它？

【问题讨论】：

标签： javascript ios web-applications scroll iphone-standalone-web-app

【解决方案1】：

我猜你用来阻止橡皮筋效应的方法是：

jQuery

$(document).bind(
  'touchmove',
  function(e) {
    e.preventDefault();
  }
);

或

Javascript

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

如果两者都不是，请先尝试。

但是，如果您仍然遇到弹性问题，请尝试使用 this 之类的东西，或者这样：

Javascript

function BlockMove(event) { 
  event.preventDefault(); 
}

HTML

<body ontouchmove="BlockMove(event);">
</body>

【讨论】：

在 html 上使用 BlockMove 函数对我有用