窗口尺寸：

可视区的尺寸

document.documentElement.clientWidth

document.documentElement.clientHeight

滚动距离

document.documentElement.scrollTop[scrollLeft] //除了谷歌之外的浏览器解析

document.body.scrollTop[scrollLeft] //谷歌解析

内容宽高

obj.scrollHeight[scrollWidth]

文档宽高

document.documentElement.offsetWidth[offsetHeight];

document.body.offsetWidth[offsetHeight];（推荐使用这个）

 

示例代码：

1  2  3      4          5         
        6         
        7         32     33     34         
       
        35             
        
         36             37             
        
38         
       
39     40 

 

窗口事件：

onscroll : 当滚动条滚动的时候触发

onresize : 当窗口大小发生改变的时候发生

 

示例代码：

1  2  3      4          5         
          6         
          7         23     24     25         26     27