【问题标题】:Scrollable Bug Only Showing up on iPad仅在 iPad 上出现的可滚动错误
【发布时间】:2012-03-16 19:50:33
【问题描述】:
我们刚刚为一家当地餐馆推出了一个新网站,并且几乎消除了所有错误。只有优秀的只有在 iPad 的 Mobile Safari 上才能体现出来。
页面底部有一个背景选择器。用于在背景缩略图中导航的左右箭头可左右移动 div 以查看更多缩略图。
但在 iPad 上,当前的背景拇指(周围有白色边框的那个)是唯一移动的东西。知道为什么这只会发生在 iPad 上吗?
http://gravyraleigh.com/
【问题讨论】:
标签:
javascript
jquery
css
ios
ipad
【解决方案1】:
iOS 普遍存在滚动问题,4.3 存在 div 内部滚动问题,5 存在 IFrame 内部滚动问题。我们解决这个问题的方法是编写一个函数来确定内容的宽度,然后适当地调整框的大小。
查看 jQuery 函数 .width() 它将返回任何标签的实际宽度,并允许您获取正在使用的内容的宽度值。我发现 iOS 的最佳实践是根据视口的宽度更改 div 的高度,或者使用基于百分比的布局,以便当视口发生变化时,布局可以调整。滚动是非常有问题的,在 iOS 开发人员修复 iOS 5 中的问题之前,最好尽可能避免它,但是 4.3 仍然存在这些问题。