saucxs / watermark-dom

watermark.js是基于DOM对象实现的BS系统的水印,确保系统保密性,安全性,降低数据泄密风险,简单轻量,支持多属性配置,动态计算水印,水印防被删(监听水印组件元素删除并重新添加,监听改变水印的属性并重新添加)。1、支持2种方式导入使用,2、水印插件-testTool(测试工具),3、内置3种全局API方法,等等。欢迎访问:

Home Page:http://www.chengxinsong.cn/home

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

水印图层会撑开页面高度

JeanZhao opened this issue · comments

var page_height = Math.max(watermark_hook_element.scrollHeight,watermark_hook_element.clientHeight,document.documentElement.clientHeight);

这里获取的是页面最大高度,感觉应该是获取加水印容器的高度吧?为什么要加上 document.documentElement.clientHeight ?

同存撑开了页面高度的问题

我用的这个方案解决的:
直接引用watermark.js文件,并把我上面提到的那行代码改成:
var page_height = watermark_parent_element ? Math.max(watermark_hook_element.scrollHeight,watermark_hook_element.clientHeight) :(Math.max(watermark_hook_element.scrollHeight,watermark_hook_element.clientHeight,document.documentElement.clientHeight)-defaultSettings.watermark_height/2);

就可以了。

在2.2.1版本中已经修复,谢谢指出,以后可以直接提 pull request @JeanZhao @paperscz

兄弟 2.2.1没改啊,看了源码 你还是原来的代码啊

兄弟 2.2.1没改啊,看了源码 你还是原来的代码啊

源码调整了,但是没有用我给的代码。
你是不是没有设置watermark_parent_node?我没设置也有这问题。你可以试试我上面的代码方案。