不同浏览器中scrollHeight的比较

每个浏览器的兼容性不同所以就有了如下判断方案

document.body是DOM中Document对象里的body节点， document.documentElement是文档对象根节点(html)的引用。

1.document.documentElement.scrollHeight与document.body.scrollHeight比较

IE浏览器下：

h1=document.documentElement.scrollHeight//html标签下内容的实际高度，包括body标签和border,margin,padding;

H2=document.body.scrollHeight//body标签下包括padding在内的样式实际高度，不包括body标签的 border,margin;

计算结果：h1=h2+上下border+上下margin

Firefox浏览器下：

H1=document.documentElement.scrollHeight;//html标签下内容的实际高度，包括body标签的border,margin,padding;

H2=document.body.scrollHeight;//body标签下包括padding在内的样式实际高度，不包括body标签的border,margin;

计算结果 h1=h2+上下border+上下margin

 //  Firefox浏览器与IE浏览器两种情况下计算方法均相同，Chrome浏览器的计算方式有点差别

Chrome浏览器下：

H1=document.documentElement.scrollHeight;//html 标签下内容的实际高度，包括body标签的border,margin,padding;

H2=document.body.scrollheight;

计算结果h1=h2