html - 如何始终在 html 对象标签中显示 PDF 页码？

我正在使用 html5 对象标签显示多页 PDF。

<object data="receipt.pdf"/>

此外，对象标签还为 PDF 呈现了一些额外的控件 - 有一个带有一些按钮的标题（pdf_name、页码、旋转、下载、打印）。

问题：当用户向下滚动 pdf 时，标题隐藏。对于我们的案例来说，始终显示页码是必不可少的。

问题：是否有一些object数据属性（或选项）来控制所述标头的行为。

标签： htmlpdf

我认为目前不支持您的要求。我已经对此进行了演练，但我认为没有任何可能性。考虑到打开 PDF 的是 Acrobat 的扩展，您无法访问该代码。例如，在 Chrome 中，我看到隐藏和显示工具栏的行为是一个被调用的 Javascript viewer-pdf-toolbar.js，它具有以下代码：

_onAnimationFinished: function() {
    this.style.transform = this.opened ? 'none' : 'translateY(-100%)';
  }

如果您打开开发人员工具并对 HTML 对象进行检查，它将打开 chrome 扩展的 index.html，其中工具栏在不可见时具有此 HTML：

<viewer-pdf-toolbar id="toolbar" style="transform-origin: 50% 0px 0px; transform: translateY(-100%);"></viewer-pdf-toolbar>

当它是可见的变换改变时：

<viewer-pdf-toolbar id="toolbar" style="transform-origin: 50% 0px 0px; transform: none;"></viewer-pdf-toolbar>

不过，Acrobat 允许您使用一些参数打开 PDF，例如启用/禁用导航和工具栏。看看下面的文档：

但是不隐藏工具栏的选项似乎没有实现，也许他们将来会包含它。