在jQuery Mobile中使用带有滚动条的iframe

Question

我在显示滚动条时遇到问题，何时使用iframe代码。

我必须显示滚动条，因为内容超过100行。

虽然在桌面浏览器上，我可以在iframe框中看到滚动条， 在移动Safari上，即使我添加了溢出样式，它也不显示滚动条。

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

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

我已经寻找其他解决方案，例如iScroll，jQuery滚动插件等等。

然而，一切都行不通。

解决方案是什么？

P.S。 HTML5删除了iframe中的滚动属性，所以请不要提及。

谢谢，

Sung Am YANG

Answer 1

试

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

然后

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