javascript - PDF 响应缩放浏览器调整大小

Question

我正在尝试使 PDF 的缩放始终在 iframe 中全宽，并且在调整浏览器大小时它会重新计算 PDF 的缩放并将其设置为 100% 浏览器宽度。

pdf parameter #view=Fit 或 #zoom=100 可以在文档就绪时使用，但我无法在调整浏览器大小时刷新/重新计算此值(最好不丢失滚动位置)。

<iframe id="readFrame" src="https://xxxxxx.pdf#view=Fit"></iframe>

注意:我正在像这样调整 iframe 的大小:

$(document).ready(function() {
    $(window).trigger('resize');
});

$(window).resize(function() {

    var browser_viewportH = $(window).height();
    var browser_viewportW = $(window).width();

    var nav_height = $("#nav-bar").height() + $("#tempWrapper").height();
    var block_height = $("#blockContainer").height();

    var viewportH = browser_viewportH - (nav_height + block_height);

    $("#readFrame").css("height", viewportH);
});

Answer 1

好吧，我认为你这里有错别字:

$("#read iframe").css("height", viewportH);

应该是

$("#readFrame").css("height", viewportH);

因为您的 iframe 具有 ID“readFrame”，不是吗？