响应式网站在iPhone上无法顺畅滚动

时间:2014-06-27 15:16:44

标签: iphone debugging responsive-design

我在iPhone上的网站上滚动时遇到了麻烦。

我的意思是,通常情况下,当您开始滚动然后释放显示时,该网站将继续在iPhone上滚动一点。但是对于这个网站,它并没有。只要将手指从显示屏上移开,它就会停止滚动。这就好像滚动是粘性的。

我真的不知道我应该在哪里开始调试问题,这就是为什么我不发布代码(我必须发布完整的网站)。 这个问题也没出现在我的Nexus 5上。我在两个不同的iPhone 5上遇到过这个问题。

我基本上是在寻找点来开始调试问题。

1 个答案:

答案 0 :(得分:1)

如果您有一个公共布局页面,则在母版页上应用此脚本意味着:

$(document).ready(function(){
    var deviceAgent = navigator.userAgent.toLowerCase();
    var agentID = deviceAgent.match(/(iPad|iPhone|iPod)/i);
    if (agentID) {       
       $('body').css('-webkit-overflow-scrolling', 'touch');
    }
});