iframe无法正确在手机上滚动

Question

我有一个网站http://potcoava.cu.cc/只是为了好玩，我只是无法弄清楚如何在移动设备上制作iframe滚动。如果我只是为iframe高度设置一个值，但我想要高度要100％才能响应：

css：

.iframeHolder{  
    margin:0;
    padding:0;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-overflow-scrolling: touch !important;
    overflow:auto !important;}

iframe{
    width:100%;
    height:100%;}

HTML：

<div class="iframeHolder"> 
 <iframe src="acasa.html" frameborder="0" marginheight="0" marginwidth="0" scrolling="yes" name="frame"></iframe>
</div>

我该怎么办？这是错误的，还是应该在js中制作一些东西？