javascript - 防止 ipad/iphone safari 中的弹性滚动，但允许内容滚动

Question

我想禁用弹跳效果(弹性滚动)ipad/iphone safari 浏览器。并尝试在 touchmove 上使用阻止默认设置，但这会阻止整个滚动。我希望能够滚动内容，但只是防止弹跳。我的页眉和页脚是固定的。一个想法？

Answer 1

使用 iOS8 (AppleWebKit/600) 上的 Mobile Safari，您可以使用以下方法检测滚动弹跳是否发生在顶部(向下滑动):

window.onscroll = function() { 如果 (document.body.scrollTop < 0) { //做一点事 }

我想看看我是否能找到一种干净的方法来“中断”弹跳，但没有找到任何好的方法。

请注意 window.onscroll 解决方案在 UIWebView 中不起作用，因为我认为在 UIWebView 中不会触发 onscroll 事件，但这不是问题，因为 UIWebView 没有反弹!您可以使用 https://stackoverflow.com/a/30495399/436776 检测是使用 UIWebView 还是使用 WKWebView

我正在使用此代码进行测试(必须克隆并打开全屏才能在 iOS 上进行测试):http://jsbin.com/tocako/edit