2016-11-21 94 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