Question

我有两个绝对定位的iframe（左右）。

在所有桌面浏览器中，它们在高度和滚动条中都能正确显示。

在iPad上没有滚动条，只是扩展了内容的整个高度。

有什么想法吗？

<iframe src="/solutions/pcc/builder/picker.asp" id="iframepicker" name="iframepicker"></iframe>  
<iframe src="work.asp" id="iframesurvey" name="iframesurvey" onload="frameisloaded(this)"></iframe>

CSS：

#iframepicker,#iframesurvey{
    width:48%;
    position:absolute;
    top:80px;
    height:85%;
    overflow-y:scroll;
    padding:2px;
}
#iframepicker{
    left:14px;
    border:1px solid #0066cc;
}
#iframesurvey{
    right:12px;
    border:1px solid #006638;
}

Answer 1

嗯，在iPad上没有滚动条。你用两根手指滚动。也许你已经知道了这一点，但是如果你想要滚动条，我只是想让你知道你永远不会在iPad上看到任何滚动条。

如果不仅仅是因为你错过了滚动条并且内容实际上扩展到了全高，我会尝试使用固定大小而不是％。也许iPad只是忽略了％而只是使用了内容的全部高度。

Answer 2

您可以在iPad上获得滚动条。谁说ipads没有滚动条是错误的。

本机到ios5你可以添加-webkit-overflow-scrolling：touch;你需要定义一个高度。这将允许您单手滑动并在滚动时显示滚动条。滚动完成后，它将消失。另外，我在使用iframe的页面上也遇到了这个CSS规则的问题......我希望它对你有用！

iPad上的iframe滚动条

2 个答案: