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

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

我通过覆盖 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/

相关文章:

javascript - React-输入字段在onChange后变成字符串

javascript - 如何读取MVC集合中的序列化数据(通过Jquery POST发送)

javascript - 将附加变量传递给内部调用的回调函数

java - 可嵌入的 Java HTTP 服务器

web-applications - 将 Glassfish 绑定(bind)到特定 IP?

jdbc - 找不到JDBC驱动程序类:com.mysql.jdbc.Driver

javascript - 如何在 background.html(Chrome 扩展)中获取 url 参数?

iphone - 当我把自己放进去时,NSArray 失去了值(value)

ios - CocoaPods 找不到 pod "Moya"的兼容版本

ios - 为 UITableViewController 解除 segue?