Javascript 如何在引导模式对话框中嵌入外部pdf？

我有一个外部pdf，我想显示嵌入在我的页面。以下工作很好：

<object frame-resize data="www.cbu.edu.zm/downloads/pdf-sample.pdf" type="application/pdf" width="200px" height="200px"></object>

结果：我得到以下错误：

offsetParent is not set -- cannot scroll viewer.js:150:5
scrollIntoView() viewer.js:150
PDFViewer_scrollPageIntoView() viewer.js:4880
pagechange() viewer.js:7394
PDFViewer.prototype.currentPageNumber() viewer.js:4558
pdfViewSetInitialView() viewer.js:6697
resolved()
PDF 0bf9e083c3a94f2cd2e1740080c8c88c [1.4 Acrobat Distiller 7.0.5 (Windows) / Adobe Acrobat 7.0] (PDF.js: 1.1.215)
TypeError: canvas._viewport is undefined
NotFoundError: Node was not found

如何将其嵌入到模式对话框中

有趣的是，当我关闭模态对话框并再次打开它时，pdf被正确呈现

更新：

解决方案：我有如下

css

标签：

html {
  overflow-y: scroll;
}

这是为了防止网页超过可见内容高度时内容发生移动

---

问题：有人知道我如何保留此标记，并仅在模式窗口中忽略它吗？

将模式对话框的transform属性更改为none

.modal-dialog {
  transform: none;
}

---

这可能会帮助你，但不幸的是，这并没有改变任何事情。

.modal-dialog {
  transform: none;
}