iphone上的iframe滚动

iphone上的iframe滚动,iphone,iframe,scroll,Iphone,Iframe,Scroll,我知道iPhone/iOS有多个滚动库(TouchScroll、iScroll),因为它无法支持overflow:scroll。然而,我并没有意识到(我正在寻找确认)iFrame也不能真正工作。iframe似乎不尊重任何给它一个固定大小的尝试,总是根据其内容调整自身大小。我说的对吗?滚动IFRAME以将其放置在具有overflow CSS属性集的块元素中,然后使用如上所述的库,这是唯一的方法吗?您是否尝试过Joe Hewitt的滚动性库 您可以在此处阅读更多信息: 希望这有帮助。您可以滚动任何

我知道iPhone/iOS有多个滚动库(TouchScroll、iScroll),因为它无法支持overflow:scroll。然而,我并没有意识到(我正在寻找确认)iFrame也不能真正工作。iframe似乎不尊重任何给它一个固定大小的尝试,总是根据其内容调整自身大小。我说的对吗?滚动IFRAME以将其放置在具有overflow CSS属性集的块元素中,然后使用如上所述的库,这是唯一的方法吗?

您是否尝试过Joe Hewitt的滚动性库

您可以在此处阅读更多信息:


希望这有帮助。

您可以滚动任何设置为溢出的内容:通过用两个手指触摸并拖动来自动。不要将iFrame放在带有overflow:auto的div中,而是将iFrame本身设置为overflow:auto。不幸的是,无论内容或设备如何,iframe滚动都非常不稳定,因此最好的解决方案是找到一种方法,使您的内容适合一个长页面,并将“顶部”和“底部”视图div设置为跟随视口(如果这是您想要的效果)

轻率的回答:不要再使用IFRAMES了。

下面的代码适合我(感谢Christopher Zimmermann的博文)。问题是: 1.没有滚动条让用户知道他们可以滚动 2.用户必须使用两个手指滚动 3.PDF文件未居中(仍在处理中)


在iPad上测试iFrame
div{
边框:实心1px绿色;
高度:100px;
}
.卷轴{
边框:实心1px#66AA66;
高度:400px;
宽度:400px;
溢出:自动;
文本对齐:居中;
}
以下是一些附加内容。
只需添加

overflow-y:auto; 
-webkit-overflow-scrolling:touch;

我曾尝试在iPhone上实现滚动iframe,但没有成功,我还发现iframe忽略了任何设置其大小的尝试。您提到将iframe与滚动库一起放置在块元素中-这是否作为一种解决方法对您有效?到目前为止,我的任何方法都没有成功。詹姆斯,你是否仍然“尝试在iPhone上实现滚动iframe而没有成功”?我一直在试验和谷歌搜索解决方案,但也没有成功。(注意:iframe本身就可以工作,但在我将其与iscroll/touchcroll/etc结合使用后就不能工作了)
overflow-y:auto; 
-webkit-overflow-scrolling:touch;