我有两个绝对定位的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;
}
答案 0 :(得分:1)
嗯,在iPad上没有滚动条。你用两根手指滚动。也许你已经知道了这一点,但是如果你想要滚动条,我只是想让你知道你永远不会在iPad上看到任何滚动条。
如果不仅仅是因为你错过了滚动条并且内容实际上扩展到了全高,我会尝试使用固定大小而不是%。也许iPad只是忽略了%而只是使用了内容的全部高度。
答案 1 :(得分:1)
您可以在iPad上获得滚动条。谁说ipads没有滚动条是错误的。
本机到ios5你可以添加-webkit-overflow-scrolling:touch;你需要定义一个高度。这将允许您单手滑动并在滚动时显示滚动条。滚动完成后,它将消失。另外,我在使用iframe的页面上也遇到了这个CSS规则的问题......我希望它对你有用!