可滚动的Bug只出现在iPad上

Question

我们刚刚为当地一家餐馆推出了一个新网站，并且几乎把所有的错误都压扁了。只有优秀的产品才能在iPad的Mobile Safari上体现出来。

页面底部有一个背景选择器。用于在背景缩略图中导航的左箭头和右箭头可以左右激活div以查看更多缩略图。

但是在iPad上，当前的背景拇指（围绕它的白色边框）是唯一移动的东西。知道为什么会在iPad上发生这种情况吗？

http://gravyraleigh.com/

Answer 1

iOS通常存在滚动问题，4.3在div中滚动时出现问题，而5在IFrame内滚动时出现问题。我们解决这个问题的方法是编写一个函数来确定内容的宽度，然后适当地调整框的大小。

查看jQuery函数.width（）它将返回任何标记的实际宽度，并允许您获取正在使用的内容宽度的值。我发现iOS的最佳实践是根据视口的宽度更改div的高度，或者使用基于百分比的布局，以便在视口更改时，布局可以调整。滚动是非常错误的，如果可能的话，最好避免它，直到iOS开发人员解决iOS 5中的问题，但4.3仍然会有这些问题。