gpt4 book ai didi

html - 制作一个包含 PDF 整个高度的可滚动 div

转载 作者:太空狗 更新时间:2023-10-29 14:17:04 24 4
gpt4 key购买 nike

我正在将 PDF 嵌入到我的网页中。我正在做一些傻事来隐藏状态栏(包括下载按钮和页码),以便我可以从外部控制它们(我希望能够在他们尝试下载文档时强制进行不同的下载)。如果它有任何不同(例如只能在给定框架的情况下工作/不能工作的解决方案),我正在使用 React。

我可以使用 URL 设置 PDF 的事件页面,但在加载该页面后我无法获取文档的滚动位置来更新页码。

我认为一个解决方案是将嵌入的 PDF 包含在我可以亲自控制的 div 中。为此,我希望嵌入对象的高度是 PDF 所有页面垂直高度的总和,然后将其封装在具有设置高度的 div 中。我可以从那里监视文档的滚动位置以确定当前页面。

<div class='encasing-div'>
<div class='toolbar'/>
<object data='some.pdf' type='application/pdf'>
<embed src='some.pdf' type='application/pdf' wmode='opaque'/>
</object>
</div>

我无法让嵌入的 PDF 成为文档的全高。我知道页面加载时文档中的页数,但我不知道如何/是否可以使用它来正确调整高度。

如何使嵌入对象成为整个 PDF 的高度,从而消除嵌入对象的滚动并允许使用外部滚动?

编辑:这是一张试图解释我正在寻找的图片。在图片的第二部分,div 之外的内容将被隐藏但可以滚动到。 enter image description here

最佳答案

您可以使用 iframe 而不是对象和嵌入

<!DOCTYPE html>
<html style="height:100%">
<body style="height:100%">

<h2>HTML Iframes</h2>
<p>You can use the height and width attributes to specify the size of the iframe:</p>
<div style="height:100%">
<iframe src="some.pdf" height="100%" width="100%""></iframe>
</div>

</body>
</html>

关于html - 制作一个包含 PDF 整个高度的可滚动 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56279786/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com