css - 如何在 iOS 上使用 CSS overflow 获取滚动条

Question

开发 iPad 网站 我尝试使用 CSS 属性 overflow: auto 来获取 div 中需要的滚动条，但我的设备甚至拒绝显示它们如果两根手指滚动正常。

我试过

overflow: auto;

和

overflow: scroll;

结果是一样的。

我只在 iPad 上进行测试(在桌面浏览器上运行完美)。

有什么想法吗？

Answer 1

编辑，请在 kritzikratzi 留下的评论后编辑:

[Starting] with ios 5beta a new property -webkit-overflow-scrolling: touch can be added which should result in the expected behaviour.

一些但很少的进一步阅读:

• Native momentum scrolling in iOS 5

---

原始答案，留给后人。

不幸的是，overflow: auto 或 scroll 都不会在 iOS 设备上产生滚动条，显然是由于屏幕宽度会占用这种有用的机制。

相反，如您所见，用户需要执行双指滑动才能滚动 overflow 内容。唯一的引用，因为我找不到手机本身的手册，我可以在这里找到:tuaw.com: iPhone 101: Two-fingered scrolling .

我能想到的唯一解决方法是，如果您可以使用一些 JavaScript，也许还有 jQTouch，为 overflow 元素创建您自己的滚动条。或者你可以使用 @media queries删除 overflow 并完整显示内容，作为 iPhone 用户，如果只是为了简单起见，这会得到我的投票。例如:

<link rel="stylesheet" href="handheld.css" media="only screen and (max-device width:480px)" />

上述代码来自A List Apart ，来自上面链接的同一篇文章(我不确定他们为什么离开 type="text/css"，但我认为是有原因的。