PhoneGap iframe单指滚动

Question

我正在使用PhoneGap和jQuery在jQuery Mobile 2.4中开发应用。该应用程序有一个顶部栏和底部导航栏，两者都是固定的。在中间是所有行动发生的地方。

中间部分是DIV，我正在尝试将位于PDF内的云加载到div内的iframe。但是，与iOS一样，PDF加载iframe后，PDF和/或iframe不会用一根手指滚动。我可以用两根手指滚动，但这不是理想的结果。

所以我的问题是，如何让iframe用一根手指滚动。

此外，如果可以，我可以在iframe内启用缩放缩放，以便增加/减小PDF的大小吗？ iOS仅在iPad宽度的一半左右显示PDF。

以下是我正在使用/尝试的CSS：

iframe {
width: 200%;
height: 200%;
overflow: auto;
-webkit-overflow-scrolling: touch;
zoom: 200%;
}

#display_area {
max-width: 1024px;
min-height: 558px !important;
height: 558px !important;
max-height: 558px !important;
overflow-y:scroll;
padding: 0px;
}