Question

可能重复：
IFRAMEs and the Safari on the iPad, how can the user scroll the content?

我有一个页面，其代码大致如下;

<table width="100%">
<tr>
<td>
<iframe src="grid_data.html" width="100%" />
</td>
</tr>
</table>

现在grid_data.html包含许多行/列的表格数据，并且是主页面的一部分......

虽然这个网格在IE / FF等桌面浏览器的主页面中水平滚动，但我无法在iPad Safari上滚动它。即它实际上显示完整的网格数据，没有任何滚动条..

我尝试使用overflow：auto for iframe，但仍然没有帮助..

如何在iPad上滚动网格数据（iframe的一部分）？

为了大致了解，您可以在http://ipad.atwebpages.com/table/try.html上看到该页面想象一下有多个日期列，如05/24 / 2011,05 / 23 / 2011,05 / 22 / 2011,05 / 21/2011等等......

Answer 1

似乎没有iframe正确显示和滚动。您可以使用object标签替换iframe，内容可以用2个手指滚动。

<table width="100%">
  <tr>
    <td>
      <object id="object" width="100%" type="text/html" data="grid_data.html"></object>
    </td>
  </tr>
</table>

Answer 2

阅读this answer及其评论。

来自评论：

不幸的是，这不起作用无论是。似乎两指 iframe和对象滚动打破了 4.2.1（虽然它适用于文本框）。希望Apple能解决这个烦人的bug在下一个版本中。 - user357320 1月7日10:51

Answer 3

重复问题here。 guist是强制所有iFrame像在iPad上一样，然后使用div包装器来调整大小并滚动它们。在iPad上滚动div可能需要一些额外的代码。

在iPad上滚动iframe

3 个答案: