关于js动画简单理解；

1、CSS样式提供了运动

过度的属性：transition

过度的属性值：attr  ，time  ， liner  ，  delay；

值分别是：属性（css），花费的时间，变化的速度（默认匀速），delay延迟；

2、js提供的运动

元素的client  offset  scroll三个系列可以帮助js提供运动

clientWidth/clientHeight/clientTop/clientLeft

offsetWidth/offsetHeight/offsetTop/offsetLeft/offsetParent

scrollWidth/scrollHeight/scrollTop/ScorllLeft（可读可写）

知识点补充

1、获取浏览器的body是有兼容性的

var body=document.body||document.documentElement

2、scrollTop和scrollLeft的最小值为0

3、获取body整个文档的高

document.body.scrollHeight||docuement.documentElement.scrollHeight

4、获取body可视区的高

document.body.clientHeight||docuement.documentElement.clientHeight

5、window常用的两个事件

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

onresize 当窗口尺寸发生改变的时候触发

转载于:https://www.cnblogs.com/qinlinkun/p/10054902.html