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

Question

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

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

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

score 1 · Accepted Answer

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

jQuery

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

或者

Javascript

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

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

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

Javascript

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

HTML

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

1 回答 1