javascript - PhoneGap iframe 一指滚动

Question

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

中间部分是一个 DIV，我正在尝试将位于 div 内部的云PDF加载iframe。但是，就像 iOS 一样，PDF一旦iframe加载PDF到iframe. 我可以用两根手指滚动，但这不是想要的结果。

所以我的问题是，我怎样才能iframe用一根手指滚动。

另外，如果可能的话，我可以在其中启用捏缩放iframe以增加/减小 的大小PDF吗？iOS 仅显示PDFiPad 宽度的一半左右。

这是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;
}