有什么方法可以让 ipad 中的 div 滚动？答案

【问题标题】：Any way to make div scroll in ipad?有什么方法可以让 ipad 中的 div 滚动？
【发布时间】：2010-08-16 18:00:14
【问题描述】：

我尝试了很多不同的东西，我一直在寻找，但我一无所获！

帮助任何人？

【问题讨论】：

【解决方案1】：

Css 解决方案

-webkit-overflow-scrolling: touch;

【讨论】：

虽然这确实有效，但绝对定位的元素存在问题。例如，我的容器内有一个工具提示以及一些表单元素。如果添加 -webkit-overflow-scrolling: touch，工具提示会隐藏在表单元素下方。此外，您可能会注意到，如果某些元素相对位于容器内，它们可能会变得不可见。您可以通过设置 3d 变换属性来解决此问题，但您仍然会遇到绝对定位问题。
救命稻草！非常感谢。
绝对漂亮。确保将其与溢出一起使用：滚动；
似乎这已成为最新版本 Chrome 中的“未知属性”.. 现在是 -overflow-scrolling
随着时间的流逝，这就是现在真正的答案，无需任何破解。

【解决方案2】：

在 div 上使用两个手指！！！就是这样

【讨论】：

【解决方案3】：

如果这不是您想要的，您还可以查看 jqtouch 和类似 jqt.scroll 扩展的内容：（抱歉，我显然只能发布 1 个链接，请在此站点上查找 jqt.scroll.js： code.google.com/p/jqextensions/)

【讨论】：

【解决方案4】：

iScroll：http://cubiq.org/iscroll-4

外观/工作方式与单指滚动的本机控件一样。

【讨论】：

【解决方案5】：

但是，实际上它只是在元素上添加基本的overflow: auto 效果

【讨论】：

【解决方案6】：

对于带有滚动容器的 iPhone 6，我遇到了非常不寻常的问题，其父级具有 max-height:100%；这种风格不知何故禁用了滚动。当我将父容器样式更改为 height: 100% 时，它可以工作，但关键是要保留最大高度。所以解决方法是添加

-webkit-transform: translate3d(0, 0, 0)

希望这有帮助，我整个下午都在与它打架。

【讨论】：