无法在我的iframe中滚动

Question

我在使用iframe显示的Instagram页面上工作，这个页面一切正常，我的问题是我可以滚动我的iMac，但我不能用iPhone或Ipad滚动？

我检查了我的代码，我看到任何隐藏的溢出？

body { overflow: scroll!important; -webkit-overflow-scrolling: touch!important; }


.rightpart { background:#fff; padding-top: 0px!important; padding-bottom: 0px!important; overflow-x: hidden !important; overflow-y: scroll !important; -webkit-overflow-scrolling:touch !important; height:600px; }

<link property="stylesheet" rel="stylesheet" type="text/css" href="index/font/font.css"/>
    
<link property="stylesheet" rel="stylesheet" type="text/css" href="index/book/jquery.fancybox.css">


<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
    
<script type="text/javascript" src="index/js/modernizr.custom.js"></script>
    
<script type="text/javascript" src="index/book/jquery.fancybox.js"></script>
    
<script type="text/javascript" src="index/book/fancybox.js"></script>

<script type="text/javascript" src="index/js/thumbnails.js"></script>




<div class="leftpart"></div>  

<div class="rightpart">

<iframe style="border:0px; min-width: 100%; overflow: hidden; min-height:800px;" src=".../"></iframe>    
    
</div>

    





    
    
    
    
    
    
    
    
    
    
    
    

    



<script type="text/javascript" src="index/js/functions.js"></script>

Answer 1

尝试在css

中的iframe属性中使用选项overflow: scroll;

iframe {
     overflow: scroll;
}

Answer 2

我建议使用

iframe {
     overflow: auto;
}

这样就可以使iframe只在需要时显示滚动条。