浏览器的窗口高度

window高度应当是文档所在窗口的可视高度（没有包括浏览器的滚动条），计算方法documentdocumentElementclientHeight

document高度应该为文档内容的高度，计算方法Mathmax(documentbody[ "scrollHeight" ], documentdocumentElement[ "scrollHeight"])

html高度应当为html元素的高度（包括边框滚动条）,计算方法htmlElementoffsetHeight

body高度是body元素的高度（包括边框滚动条），计算方法bodyElementsoffsetHeight;

$(window)scrollTop()和$(document)scrollTop()具有相同的效果，都为返回滚动条的垂直位置,但是$(window)scrollTop()被所有浏览器支持。

$(document)是获取文档对象 

$(window)是获取窗口对象

$('body,html')获取的是文件本身

$(window)scroll和$(window)scrollTop()为0的问题

问题1：$(window)scroll无效问题

如果你的css中：html,body的高度样式如果设置为100%，那么$(window)scroll方法将检测不到正确的滚出高度（0），导致滚动监听事件失效。

解决方法：

设置html,body{height:auto}可以解决。

问题2：$(window)scrollTop()获取值一直为0--------------兼容性问题

是兼容各种浏览器的写法，分别为获取当前的scrollTop和设置scrollTop：

function getScrollTop() {  　                            var scrollTop = documentdocumentElementscrollTop || windowpageYOffset || documentbodyscrollTop;  

return scrollTop;  

}  

function setScrollTop(scroll_top) {  

documentdocumentElementscrollTop = scroll_top;

 windowpageYOffset = scroll_top;  

 documentbodyscrollTop = scroll_top;  

 }  

div的100%是从其上一级div的宽高继承来的，有一点很关键，就是要设置div100%显示，必须设置其上一级div的宽度或高度，否则无效。前面总得有个容器说明他的高度是多少。这样的话div才能按比例100%继承上一级的高度可惜的是浏览器一般默认解释为内容的高度，而不是100%。解决方法：只要为html和body设置高度为100%就可以了html,body{height:100%;}这样之后div会按比例来继承上一级的高度了仅仅设置的DIV元素的height属性貌似没有什么效果。

网页可见区域宽：documentbodyclientWidth;
网页可见区域高：documentbodyclientHeight;
网页可见区域高：documentbodyoffsetWidth
(包括边线的宽);
网页可见区域高：documentbodyoffsetHeight
(包括边线的宽);
网页正文全文宽：documentbodyscrollWidth;
网页正文全文高：documentbodyscrollHeight;
网页被卷去的高：documentbodyscrollTop;
网页被卷去的左：documentbodyscrollLeft;
网页正文部分上：windowscreenTop;
网页正文部分左：windowscreenLeft;
屏幕分辨率的高：windowscreenheight;
屏幕分辨率的宽：windowscreenwidth;
屏幕可用工作区高度：windowscreenavailHeight;
屏幕可用工作区宽度：windowscreenavailWidth;

---