iframe在iPad上的滚动条

我有几个iframe绝对定位（左和右）。iframe在iPad上的滚动条

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

在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; 
}

来源

2011-05-02 derekcohen

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

如果不是你错过了滚动条，并且内容实际上延伸到了整个高度，我会尝试使用固定大小而不是％。也许iPad只是忽略了百分比，只是使用了内容的全部高度。

来源

2011-05-02 12:40:12

是的，它确实显示完整的内容，当然这意味着你最终得到两个不同程度的“iframe” – derekcohen 2011-05-02 16:43:55

我不知道为什么这是被接受的答案。使用固定大小也不起作用。它始终显示内容的全部高度。 – mhenry1384 2011-05-25 14:56:03

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

原生ios5，您可以添加-webkit-overflow-scrolling：touch;你需要定义一个高度。这将允许您执行单指轻扫并在滚动时出现滚动条。一旦你的滚动完成，它将消失。另外，我在使用iframe的页面上也遇到了这个CSS规则的问题......我希望它对你有用！

来源

2012-01-11 17:26:38

iframe在iPad上的滚动条

回答

相关问题