个人中心
gpt4 book ai didi

html - 使嵌入式 PDF 在 iPad 中可滚动

转载 作者：技术小花猫 更新时间：2023-10-29 12:40:10 24 4
gpt4 key购买 nike

我有一个使用 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>

我也试过使用 iframe，但还是不行。

最佳答案

这似乎可行:

  • 使对象标签足够大以显示整个 PDF，并且
  • 将其包含在具有有限高度和 overflow:auto 的 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>

关于html - 使嵌入式 PDF 在 iPad 中可滚动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8237708/

24 4 0
文章推荐： jQuery 和 AJAX 或服务器发送的事件
文章推荐： javascript - jQuery onload - .load() - 事件不适用于动态加载的 iframe
文章推荐： linux - 为什么 Laravel Task Scheduler cron 使用 >> 而不是 > 重定向到 dev/null？
文章推荐： java - 是否有适用于 android 的可配置预提交 Hook 解决方案？
技术小花猫
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com