Anc*_*nek 14 html javascript css pdf
我object在html中有一个标记位置,如下所示:
<div class="viewport" id="pdf-viewport">
<object class="pdf-object" data="PDF_URL_HERE" type="application/pdf"></object>
</div>
我的桌面上的观看体验还可以,但我无法在移动设备上滚动pdf.如何添加此功能？我试过CSS和溢出但我想我错过了什么.
编辑
我尝试使用GoogleDocs/GoogleDrive在iFrame中嵌入pdf,但它给了我Preview not available太多次,所以它不可靠.
<iframe>不是显示 PDF 的最佳方式（不要忘记与移动浏览器的兼容性，例如 Safari）。某些浏览器将始终在外部应用程序（或另一个浏览器窗口）中打开该文件。我发现最好和最兼容的方法有点棘手，但适用于我尝试过的所有浏览器（甚至相当过时）：
保留您的<iframe>PDF，但不要在其中显示 PDF，它将填充一个包含<object>标签的 HTML 页面。为您的 PDF 创建一个 HTML 包装页，它应该如下所示：
<html>
<body>
<object data="your_url_to_pdf" type="application/pdf">
<embed src="your_url_to_pdf" type="application/pdf" />
</object>
</body>
</html>
| 归档时间： |
|
| 查看次数： |
2626 次 |
| 最近记录： |