javascript - 如何停止 iOS 主屏幕链接上的弹性滚动(又名滚动反弹，又名页面过度滚动效果)？

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

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

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

最佳答案

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

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>

关于javascript - 如何停止 iOS 主屏幕链接上的弹性滚动(又名滚动反弹，又名页面过度滚动效果)？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16048155/