嵌入iframe的html5 pdf文件无法在ios中滚动

时间:2018-04-25 04:54:12

标签: html pdf iframe safari

我有一个用于显示文本和pdf文件的iframe。它的工作完美在铬,即和mozilla。但我尝试在ipad中加载相同的safari。 pdf不能滚动。 附上相同的代码。



<execution>
    <id>scala-compile-first</id>
        <phase>process-resources</phase>
            <goals>
                <goal>add-source</goal>
                <goal>compile</goal>
            </goals>
</execution>

<execution>
    <id>scala-test-compile</id>
    <phase>process-test-resources</phase>
    <goals>
        <goal>testCompile</goal>
    </goals>
</execution>
&#13;
.docviewer-wrapper{
  -webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
}
iframe {
  height: 100%;
  width: 100%;
}
&#13;
&#13;
&#13;

请帮帮我。

2 个答案:

答案 0 :(得分:1)

iframeobjectembed在iOS设备上存在一些问题,在许多平台上都有报告。您所能做的就是为iframe使用一些第三方替代产品。 我已经用PDF.js

解决了我的问题

如果您正在尝试使用Rails this article,将有助于您将pdf.js集成到Rails应用程序中。

答案 1 :(得分:0)

尝试为docviewer-wrapper类提供高度和宽度