如何在iOS主屏幕链接上停止弹性滚动(又名滚动弹跳,又名页面过卷效果)?

时间:2013-04-16 22:18:48

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

我设法通过覆盖touchmove事件来禁用我的网页上的滚动过冲效果(“橡皮筋”?)。这在移动野生动物园中运作良好。

但是当我在iPad主屏幕上添加一个快捷方式时,效果再次激活。

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

1 个答案:

答案 0 :(得分: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>