2016-11-21 96 views
0

我在使用iframe可见的instagram页面上工作,所有这一切都可以,我的问题是我可以滚动我的iMac但我无法使用iPhone或Ipad滚动?无法在我的Iframe中滚动

我检查我的代码,我看到任何隐藏的溢出?

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>

回答

0

尝试使用该选项overflow: scroll;的iframe属性里面的CSS

iframe { 
    overflow: scroll; 
} 
+0

这个在HTML5中已经过时了吗? – clodo0683

+0

是的。已经更新了我的答案。 –

+0

是在我的页面和我的实例中添加的,但没有任何更改! – clodo0683

0

我会建议使用

iframe { 
    overflow: auto; 
} 

这将使它所以只有IFRAME显示滚动条if这是必需的。

+0

添加到我的页面和我的实例中,但没有任何更改;( – clodo0683

+0

@ clodo0683您的代码示例正在按预期工作,您是在手机/平板电脑上测试它吗?如果是这样,您可以截图页面的样子和 – Ben

+0

我看到anyscrollbar后,我的页面加载,当我想在我的iPad和iPhone上滚动,在我的iPhone 6最后的版本,我可以滚动横向,但不是在肖像(我不知道为什么?)但在我的iPad上,我无法滚动横向和纵向!!屏幕会好吗? – clodo0683