在ipad / iphone safari中防止弹性滚动,但允许内容滚动

时间:2013-03-08 06:39:36

标签: javascript safari scroll bounce

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

1 个答案:

答案 0 :(得分:1)

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

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

我有一个游戏,看看我是否能找到一个干净的方式来打断"打断"弹跳,但没有找到任何好的。

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

检测是否使用UIWebView与WKWebView

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