javascript - 滚动错误仅出现在 iPad 上

标签 javascript jquery css ios ipad

我们刚刚为一家本地餐馆推出了一个新网站,几乎消除了所有错误。只有出色的一个只体现在 iPad 的移动 Safari 上。

页面最底部有一个背景选择器。用于浏览背景缩略图的向左和向右箭头使 div 向左和向右动画以查看更多缩略图。

但在 iPad 上,当前背景拇指(周围有白色边框的拇指)是唯一移动的东西。知道为什么这只会发生在 iPad 上吗?

http://gravyraleigh.com/

最佳答案

iOS 普遍存在滚动问题,4.3 在 div 内滚动存在问题,而 5.3 在 IFrame 内滚动存在问题。我们解决这个问题的方法是编写一个函数来确定内容的宽度,然后适本地调整框的大小。

查看 jQuery 函数 .width() 它将返回任何标签的实际宽度,并允许您获取所使用内容的宽度值。我发现的 iOS 最佳实践是根据视口(viewport)的宽度更改 div 的高度,或者使用基于百分比的布局,以便当视口(viewport)发生变化时,布局可以调整。滚动有很多错误,最好在 iOS 开发人员修复 iOS 5 中的问题之前尽可能避免使用它,但是 4.3 仍会存在这些问题。

关于javascript - 滚动错误仅出现在 iPad 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9743636/

相关文章:

javascript - 跳房子 on 关闭游览功能

javascript - 在 collapsible-set 中打开了哪个动态添加的 collapsible?移动版

php - 是否可以使用 ajax/jquery 技术预加载页面内容?

javascript - 将页面片段加载到 Twitter Bootstrap 模态中

css - !important 是 CSS3 或 CSS 2 的一部分

javascript - 用 PHP 编写 JavaScript 代码

javascript - 事件运行结束后清除事件效果

jquery - 鼠标在菜单区域之外超过 n 秒后自动关闭 div

css - 对组件中的多个元素应用相同的样式

javascript - 如何使用 React Scrollbars 获取在垂直滚动期间滚动到 View 中的 React 组件的 ref 或信息?