为啥 iframe div 不能在 iPad 上滚动?

Posted

技术标签:

【中文标题】为啥 iframe div 不能在 iPad 上滚动?【英文标题】:Why won't iframe div scroll on iPad?为什么 iframe div 不能在 iPad 上滚动? 【发布时间】:2012-10-30 13:24:21 【问题描述】:

我在一个 div 中创建了一个 iframe,但我似乎无法让它在 iPad 上滚动(用 1 根或 2 根手指)。它在 iPhone 上运行良好,但仅在横向模式下。

iframe 在 div 内设置为 100% 的高度和宽度,并且 div 设置为 overflow-y: auto 和 overflow-x: hidden。

作为参考,该网站是www.cramondkirkbadminton.net。

谁能告诉我我做错了什么?

谢谢, 坎贝尔

【问题讨论】:

div 上的溢出在这里应该无关紧要,因为 iframe 不大于 div。你在 iPad 上的 iframe 中看到滚动条了吗? iPad 不显示滚动条,所以有点棘手。它们确实出现在所有桌面浏览器上。 由于我没有 iPad,我无法进一步帮助您,抱歉。也许这种行为是有意为之,不会让用户混淆手指滚动的位置。 这不是设计使然。我所做的所有研究表明,如果溢出是自动/滚动,它应该用 2 个手指工作,尽管我不确定 Apple 是否在 ios 6 中将其更改为用一个手指滚动。 :-/ 啊,想通了。 div 需要 -webkit-overflow-scrolling:touch 的样式。现在一切都好。 :) PS。我不能将此标记为答案,因为我的声誉不够高。 :( 【参考方案1】:

将样式 -webkit-overflow-scrolling: touch; 应用于 iFrame,应该可以。

【讨论】:

以上是关于为啥 iframe div 不能在 iPad 上滚动?的主要内容,如果未能解决你的问题,请参考以下文章

为啥用div弹出的窗口 里边的可输入控件不能输入啊???

iPad滚动到iframe顶部

为啥页面加载多个iframe和div运行速度超慢?

iPad / iframe:固定位置时框阴影不起作用

为啥前端尽量少用iframe

为啥我不能使用 iframe 对象和 jQuery 遍历这个元素?