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