开发 iPad 网站 我尝试使用 CSS 属性 overflow: auto
来获取 div
中需要的滚动条,但我的设备甚至拒绝显示它们如果两根手指滚动正常。
我试过
overflow: auto;
和
overflow: scroll;
结果是一样的。
我只在 iPad 上进行测试(在桌面浏览器上运行完美)。
有什么想法吗?
最佳答案
编辑,请在 kritzikratzi 留下的评论后编辑:
[Starting] with ios 5beta a new property
-webkit-overflow-scrolling: touch
can be added which should result in the expected behaviour.
一些但很少的进一步阅读:
原始答案,留给后人。
不幸的是,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"
,但我认为是有原因的。
关于css - 如何在 iOS 上使用 CSS overflow 获取滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3845445/