在每个页面上添加 div (ngx-extended-pdf-viewer)答案

【问题标题】：Add div on every page (ngx-extended-pdf-viewer)在每个页面上添加 div (ngx-extended-pdf-viewer)
【发布时间】：2021-09-11 03:43:19
【问题描述】：

我正在使用 ngx-extended-pdf-viewer，我想在每个页面上添加一个 div.. 它按预期工作.. 我的 dom 看起来像这样：（带有 class="con" 的 div 是我添加的）

Screenshot dom with div

但如果我要按下缩放按钮 - 添加的 div 会消失..

Screenshot dom without div

我的代码如下所示：

var div = '<div class="con" style="width:100px; height:100px; Background:#2a2a2a; position: relative; z-index: 1000"></div>';
(document.getElementsByClassName('page')[0]).insertAdjacentHTML('beforeend', div);

有人可以告诉我，如何实现元素始终保持在那里？（任何建议都可能有所帮助 - 我也愿意接受其他建议以在 pdf-viewer 中添加 div - 也许是其他模块，或者 jQuery 在这种情况下是否有帮助？）

【问题讨论】：

标签： angular pdf-viewer insertadjacenthtml ngx-extended-pdf-viewer

【解决方案1】：

这根本不是我在创建 ngx-extended-pdf-viewer 时想到的用例。 :) 但是，我假设您可以使用 (pageRendered) 事件来实现您的目标。我也很困惑缩放重绘 HTML 代码。也许这是(pageRendered) 的副作用。如果没有，您还需要捕获(zoomChange) 事件以检查是否需要再次添加div。

【讨论】：