iframe在iphone上滾動

我知道iPhone/iOS的多個滾動庫（TouchScroll，iScroll），因爲它無法支持overflow：scroll。但是，我並不知道（我正在尋求確認），IFRAME也沒有真正的工作。看起來，iframe不尊重任何嘗試給它一個固定的大小，並總是隻是調整自己的內容。我對此是否正確？是唯一的方法來滾動一個IFRAME放置在一個塊元素的溢出CSS屬性設置，然後使用像上述的庫？iframe在iphone上滾動

來源

2010-07-06 Jonathan Hawkes

我都沒有成功嘗試，以實現在iPhone上滾動的iframe，並且還發現了iframe忽略任何試圖設置它的大小即你提到將iframe放置在一個塊元素中並結合一個滾動庫 - 爲你解決這個問題嗎？迄今爲止，我還沒有取得任何成功。 – James 2010-10-27 00:54:29

James，你是否「試圖在iPhone上實現滾動iframe而沒有成功」？我一直在試驗和搜索解決方案，也沒有成功。（注意：一個iframe本身可以工作，但是不能將它與iscroll/touchscroll/etc結合使用） – 2012-02-21 12:45:03

你給Joe Hewitt的Scrollability library去了嗎？

希望這有助於。

來源

2011-05-28 15:57:15 fuzz

您可以滾動任何設置爲溢出的內容：自動按用兩根手指觸摸並拖動。不要將iFrame放入具有overflow：auto的div中，而應將iframe設置爲溢出：auto本身。不幸的是，iframe滾動是非常不穩定，無論內容或設備，所以最好的解決方案是找到一種方法，使您的內容適合一個長頁面，「頂部」視圖divs設置爲遵循視口（如果這是你要去的效果）。

來源

2011-06-10 13:36:56 Tim

-4

Flippant答案：不要再使用IFRAMES。

來源

2011-08-01 03:34:59

-1 html-editors（像tinymce，ckeditor，aso）需要iframe – Thariama 2012-02-23 13:06:12

下面的代碼適用於我（感謝Christopher Zimmermann的博客文章http://dev.magnolia-cms.com/blog/2012/05/strategies-for-the-iframe-on-the-ipad-problem/）。這些問題是：1。有沒有滾動條，讓用戶知道他們可以滾動 2.用戶必須使用兩個手指滾動 3. PDF文件不居中（仍在開發中）

<!DOCTYPE HTML> 
    <html> 
    <head> 
     <title>Testing iFrames on iPad</title> 
     <style> 
     div { 
     border: solid 1px green; 
     height:100px; 
     } 

    .scroller{ 
     border:solid 1px #66AA66; 
     height: 400px; 
     width: 400px; 
     overflow: auto; 
     text-align:center; 

    } 
    </style> 

</head> 

<body> 

    <table> 
     <tr> 
     <td><div class="scroller"> 
     <iframe width="400" height="400" src="http://www.supremecourt.gov/opinions/11pdf/11-393c3a2.pdf" ></iframe> 
    </div> 
     </td> 
     <td><div class="scroller"> 
     <iframe width="400" height="400" src="http://www.supremecourt.gov/opinions/11pdf/11-393c3a2.pdf" ></iframe> 
    </div> 
     </td> 
     </tr> 
     <tr> 
     <td><div class="scroller"> 
     <iframe width="400" height="400" src="http://www.supremecourt.gov/opinions/11pdf/11-393c3a2.pdf" ></iframe> 
    </div> 
     </td> 
     <td><div class="scroller"> 
     <iframe width="400" height="400" src="http://www.supremecourt.gov/opinions/11pdf/11-393c3a2.pdf" ></iframe> 
    </div> 
     </td> 
     </tr> 
    </table> 
    <div> Here are some additional contents.</div> 
</body> 
</html>

來源

2012-08-01 17:35:49 WhatsInAName

簡單地增加......

overflow-y:auto; 
-webkit-overflow-scrolling:touch;

圍繞我的iframe一個div爲我工作

來源

2013-11-29 13:16:24 p4tch

適合我，謝謝 – user1532587 2014-06-17 15:30:38

iframe在iphone上滾動

回答

相關問題