iframe在iPad上的滾動條

我有幾個iframe絕對定位（左和右）。iframe在iPad上的滾動條

在所有桌面瀏覽器中，它們都顯示正確的高度和滾動條。

在iPad上沒有滾動條，它們只是擴展其內容的整個高度。

任何想法？

<iframe src="/solutions/pcc/builder/picker.asp" id="iframepicker" name="iframepicker"></iframe> 
<iframe src="work.asp" id="iframesurvey" name="iframesurvey" onload="frameisloaded(this)"></iframe>

CSS：

#iframepicker,#iframesurvey{ 
    width:48%; 
    position:absolute; 
    top:80px; 
    height:85%; 
    overflow-y:scroll; 
    padding:2px; 
} 
#iframepicker{ 
    left:14px; 
    border:1px solid #0066cc; 
} 
#iframesurvey{ 
    right:12px; 
    border:1px solid #006638; 
}

來源

2011-05-02 derekcohen

好了，在iPad上沒有滾動條。你用兩根手指來滾動。也許你已經知道這一點，但萬一你期望滾動條，我只是想讓你知道，你永遠不會看到iPad上的任何滾動條。

如果不是你錯過了滾動條，並且內容實際上延伸到了整個高度，我會嘗試使用固定大小而不是％。也許iPad只是忽略了百分比，只是使用了內容的全部高度。

來源

2011-05-02 12:40:12

是的，它確實顯示完整的內容，當然這意味着你最終得到兩個不同程度的「iframe」 – derekcohen 2011-05-02 16:43:55

我不知道爲什麼這是被接受的答案。使用固定大小也不起作用。它始終顯示內容的全部高度。 – mhenry1384 2011-05-25 14:56:03

您可以在iPad上獲得滾動條。誰說ipad沒有滾動條是錯誤的。

原生ios5，您可以添加-webkit-overflow-scrolling：touch;你需要定義一個高度。這將允許您執行單指輕掃並在滾動時出現滾動條。一旦你的滾動完成，它將消失。另外，我在使用iframe的頁面上也遇到了這個CSS規則的問題......我希望它對你有用！

來源

2012-01-11 17:26:38

iframe在iPad上的滾動條

回答

相關問題