在每个页面上添加 div (ngx-extended-pdf-viewer)
Add div on every page (ngx-extended-pdf-viewer)
我正在使用 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 查看器中添加 div - 也许是其他模块，或者 jQuery 在这种情况下可能有帮助吗？）
这根本不是我创建 ngx-extended-pdf-viewer 时想到的 use-case。 :) 但是，我假设您可以使用 (pageRendered) 事件来实现您的目标。我也对缩放重绘 HTML 代码感到困惑。也许那是 (pageRendered) 的 side-effect。如果没有，您还需要捕获 (zoomChange) 事件以检查是否需要再次添加 div。
我正在使用 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 查看器中添加 div - 也许是其他模块，或者 jQuery 在这种情况下可能有帮助吗？）
这根本不是我创建 ngx-extended-pdf-viewer 时想到的 use-case。 :) 但是，我假设您可以使用 (pageRendered) 事件来实现您的目标。我也对缩放重绘 HTML 代码感到困惑。也许那是 (pageRendered) 的 side-effect。如果没有，您还需要捕获 (zoomChange) 事件以检查是否需要再次添加 div。