html - 无法在我的 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;
}