03-JS特效-三大系列之scroll系列

三大系列

offset-位移

scroll-卷页（本文）

client-可视区

onscroll 滚动事件

(window.onscroll = fun…)
屏幕每滚动一次，哪怕只有1像素都会触发这个事件。这样就可以用来检测屏幕滚动了.只能有一个,写了多个以最后一个为准，同理 window.onload

onscroll常用属性（4个）

1、scrollWidth/scrollHeight 内容的宽高

IE67可以比盒子小。 IE8+火狐谷歌不能比盒子小

2、scrollLeft/scrollTop 被卷去的左侧和头部（浏览器无法显示的左/头部）

一般调用document.body.scrollTop:

1、scrollWidth和scrollHeight: 检测盒子的宽高。

scrollHeight = height + padding; //不包括border和margin;

2、scrollLeft/scrollTop

兼容问题：

 - 未声明 DTD（谷歌只认识他）（火狐IE9+认识他）
 document.body.scrollTop/scrollLeft

 - 已经声明DTD（IE678只认识他）(火狐IE9+认识他)
 document.do