watermark-dom icon indicating copy to clipboard operation
watermark-dom copied to clipboard

关于页面被水印撑开导致页面底部出现空白的问题

Open jiangzdongw opened this issue 3 years ago • 0 comments

  1. 将水印的高度计算使用 clientHeight ,水印的定位样式改为:position: fixed,目的在于解决页面数据动态增加后,水印相印的撑开页面,页面数据减少后,水印仍然撑开页面导致底部出现大块的空白。在 vue 框架下,使用 tab 组件或表格筛选数据时会出现这样的问题。
  2. mutationObserver.observer 监测父节点选项 subtree: false,此为节省性能,同时也能起到防止水印被删除。
  3. 移除底部未使用的代码;
  4. 修改之前存在的一些问题,如监听水印内容

jiangzdongw avatar Mar 18 '21 02:03 jiangzdongw