在jQuery Mobile中使用帶有滾動條的iframe

我在使用iframe標籤時顯示滾動條時出現問題。我不得不顯示滾動條，因爲內容超過100行。在jQuery Mobile中使用帶有滾動條的iframe

雖然在桌面瀏覽器上，我可以看到iframe框中的滾動條，在移動Safari上，即使我添加了溢出風格，它也不顯示滾動條。

iframe { 
    overflow-y: scroll; 
    -webkit-overflow-scrolling: touch; 
} 

<iframe id="PageHomePrivacyContent" src="test_en.html"></iframe>

我一直在尋求其他的解決方案suchas iScroll，jQuery的滾動插件等

然而，所有不起作用。

解決方案是什麼？

P.S. HTML5刪除了iframe中的滾動屬性，所以請不要提及它。

感謝，

宋楊上午

我不會在我的移動Web應用程序中使用iframe元素。對於移動設備來說它很挑剔並且不穩定。 – 2013-04-09 16:00:02

你可以查看[ios scrolling iframe]的鏈接（http://stackoverflow.com/a/26189171/3865082） – 2015-10-09 13:39:02

嘗試

.iframe-holder { 
    overflow-y: scroll; 
    -webkit-overflow-scrolling: touch; 
}

然後

<div class="iframe-holder"> 
<iframe id="PageHomePrivacyContent" src="test_en.html"></iframe> 
</div>

2016-02-28 21:01:27

回答