iFrame中嵌入的非常长的PDF显示为黑色

Question

我在iframe中嵌入了一个PDF，它包含在DIV中，因此我可以控制其滚动位置。高度是根据存储在数据库中的PDF页面长度动态计算的。

适用于小型文档（＆lt; 10页），但一旦达到30页，它最终显示为黑色。如果我将浏览器缩小到33％，则会开始显示。

以下是代码：

<div id="document_pdf-wrapper" height="800px">
    <iframe src="filepath.pdf#zoom=100&amp;scrollbars=0" width="1200px" height="{{ document.page_length * 1085 }}px" /></iframe>

任何人都知道为什么它会显示为黑色，但只有当pdf> 35页时？

感谢。

编辑：所以我这样做的方式是计算iframe的高度，结果是在大约20页之后，高度变得太大而且显示为PDF的黑色。有人知道解决方法吗？