使嵌入式PDF可在iPad中滚动

Alb*_*eph 11 html pdf ipad

我使用object标签在HTML中嵌入了PDF.嵌入式PDF是一个大文档,当从我的桌面查看时,PDF在所有浏览器(包括safari)中都使用滚动条正确显示.但是,当我在iPad中查看相同的html页面时,嵌入的PDF没有滚动条.有没有什么方法可以在iPad上显示嵌入式PDF文档的滚动条.

用于嵌入PDF的代码是

<object data="pdf.pdf" type="application/pdf" width="1000px" height="1200px" id="pdfDoc" name="pdfDoc"></object>
Run Code Online (Sandbox Code Playgroud)

我也尝试使用iframe,即使这样也行不通.

Dav*_*urt 12

这似乎有效:

  • 使对象标签足够大以显示整个PDF,和
  • 包含在高度有限和溢出的div中:自动 - 在iOS 5+中添加-webkit-overflow-scrolling以获得良好的原生滚动.

这是我使用的代码:

<!DOCTYPE html>
<html>
  <head>
    <title>PDF frame scrolling test</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <style>
      #container { overflow: auto; -webkit-overflow-scrolling: touch; height: 500px; }
      object { width: 500px; height: 10000px }
    </style>
  </head>
  <body>
    <div id="container">
      <object id="obj" data="my.pdf" >object can't be rendered</object>
    </div>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

  • 我试过这种方法.但在iPad中我只能看到第一页图像.我无法滚动 (9认同)

小智 0

在 iPad 上,您可以使用两根手指滚动嵌入的内容 - 这适用于具有 Overflow:scroll 的 div