Ionic / cordova,在div中显示pdf

时间:2015-08-13 13:42:56

标签: cordova pdf ionic-framework

我正试图在我的离子应用程序中显示pdf。我尝试将它嵌入iframe和对象标签中,但我永远无法在我的ios模拟器中滚动它。在野生动物园工作的提示,在这种情况下不做任何事情。

那么在pdos的cordova应用程序中嵌入pdf的好方法是什么?

这是我的pdf代码:

   <div class="col document">
               <div class="scroll-wrapper">
                    <iframe src="{{currentDocument.document_url}}" scrolling="no"></iframe>

               </div>

</div>

我最后的CSS:

#iframe-wrapper{height: 100%; min-height: 100%;}
.scroll{height: 100%;}
.scroll-wrapper{  
     width: 100%;
    height: 500px;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
}
.scroll-wrapper iframe{  
        width: 100%;
    height: 500px;
}

1 个答案:

答案 0 :(得分:0)

谢谢blazebiker的帮助。 我设法通过添加带溢出的包装并修复iframe的高度来部分解决问题。 此solutino不适用于ios仿真器,但它可以在设备上运行。 它并不完美,所以如果其他人有一个真正的解决方案,我仍然感兴趣。