Question

我试图在Iframe中显示一个全屏网站，虽然垂直滚动不适用于iOS手机（在safari，chrome上测试）。

我正在使用

<style>
iframe {
    border: 0; 
    position:fixed; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    width:100%; 
    height:100% 
    -webkit-overflow-scrolling:touch;
    overflow:auto; 
}
</style>

<div style="-webkit-overflow-scrolling:touch;">
    <iframe src="http://www.neti.ee/">
</div>

使用-webkit-overflow-scrolling：touch;据说可以解决这个问题，但这对我不起作用。可能导致这种情况的原因是什么？

Answer 1

-webkit溢出滚动：触摸;不适用于iframe。并且不要使用它，它不是standard css rule。使用

overflow-y:scroll;

Answer 2

使用时滚动开始起作用：

RewriteEngine On
RewriteRule ^.*/FAQ$ /FAQ [L,R=301]

iframe垂直滚动无法在iOS手机中运行

2 个答案: