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

Question

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

带有 div 的屏幕截图 dom

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

没有 div 的截图 dom

我的代码如下所示：

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 在这种情况下是否有帮助？）

Answer 1

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