只在iPad上显示滚动错误
Scrollable Bug Only Showing up on iPad
我们刚刚为当地一家餐厅推出了一个新网站,几乎消灭了所有的bug。唯一出色的只是在iPad的Mobile Safari上表现出来。
页面底部有一个背景选择器。用于在背景缩略图中导航的左箭头和右箭头向左和向右设置div动画以查看更多缩略图。
但在iPad上,当前的背景拇指(周围有白色边框的拇指)是唯一会移动的东西。你知道为什么只在iPad上会发生这种情况吗?
http://gravyraleigh.com/
iOS通常存在滚动问题,4.3存在在div内滚动问题,5存在在IFrame内滚动问题。我们解决这个问题的方法是编写一个函数,确定内容的宽度,然后适当地调整方框的大小。
看看jQuery函数.width(),它将返回任何标记的实际宽度,并允许您获得正在使用的内容的宽度值。我发现iOS的最佳实践是根据视口的宽度更改div的高度,或者使用基于百分比的布局,以便在视口更改时可以调整布局。滚动是非常有缺陷的,如果可能的话,最好在iOS开发者修复iOS 5中的问题之前避免它,然而4.3仍然会有这些问题。
相关文章:
- 将菜单项与滚动绑定时出现Jquery错误
- 为什么'滚动到顶部'脚本导致类型错误?jQuery冲突
- 引导表单向导 - 防止在提交 ajax 响应的每个页面表单出现错误时滚动到下一步
- 在 JavaScript 中向下滚动部分的错误
- 正在尝试滚动页面:未捕获类型错误:无法读取属性'top'的未定义
- 滚动字幕未捕获类型错误:无法读取属性'style'的未定义
- 滚动粘贴指令错误
- 滚动功能工作方向错误
- 点击jQuery按钮出现页面滚动错误
- 带有转换比例错误的自定义JavaScript滚动条(jScrollPane)
- 类型错误:使用 requireJs 时未定义滚动到
- UIWebView 在键盘出现时滚动.导致点击偏移错误
- 更改 :后内容时的火狐滚动错误
- 火狐中的滚动错误
- 只在iPad上显示滚动错误
- 多重滚动错误在HTML页面
- 滚动错误在Chrome上的Windows与滑动脚本
- 粘头滚动错误
- fullPage js在IE中滚动错误的高度
- css上的滚动错误chrome/firefox