关于offset,client,scroll的认识

在内容不够一屏幕的情况下:

document.documentElement:(chroma不支持)

scrollHeight:整个屏幕的高度(FF,IE都一样)

offsetHeight:内容的高度(FF),IE是整个屏幕的高度

clientHeight:整个屏幕的高度(FF,IE都一样)

document.body:(内容的高度)

scrollHeight:内容的高度(FF,IE一样)

offsetHeight:(FF,IE都一样)

clientHeight:内容的高度(FF,IE一样)

在内容超过一屏幕的情况下:

document.documentElement:

scrollHeight:文档的高度(FF,IE,chroma都一样)

offsetHeight:文档的高度(FF,chroma),IE是整个屏幕的高度

clientHeight:整个屏幕的高度(FF,IE,chroma都一样)

document.body:(内容的高度)

scrollHeight:内容的高度(FF,IE,chroma都一样)

offsetHeight:内容的高度(FF,IE,chroma都一样)

clientHeight:内容的高度(FF,IE,chroma都一样)

以上总结:

1. document.body是指内容的高度,内容多高他就多高,而不管是scroll,offset,client

2. document.documentElement:scrollHeight如果不够一屏,算一屏的高度,clientHeight是指屏幕的高度,offsetHeight其它浏览器算内容高度,IE算屏幕高度

弹层遮罩可以使用document.documentElement.scrollHeight

3.元素的scrollHeight,offsetHeight,clientHeight;

offsetHeight==clientHeight等于元素设置的高度

scrollHeight(FF算元素设置的高度,IE和chroma算Math.max(内容高度,设置元素的高度))