1、动画
1)css样式提供了运动
过渡的属性transition 从一种情况到另一种情况的过渡
transition:变化的属性 花费的时间 变化的速度 延迟
2)js提供的运动
元素的client offset scroll三个系列
clientWidth/clientHeight/clientTop/clientLeft
offsetWidth/offsetHeight/offsetTop/offsetLeft/offsetParent
scrollWidth/scrollHeight/scrollTop/scrollLeft
这十三个属性,前面十一个是只读属性,scrollTop和scrollLeft是即可读也可写。
获取浏览器的body属性是有兼容性的
var dd = document.body||document.documentElement
scrollTop和scrollLeft的最小值是0
获取浏览器屏幕的高(浏览器的可视区)
document.body.clientHeight||document.documentElement.clientHeight
window下的两个事件
onscroll 当滚动条滚动的时候触发
onresize 当窗口发生改变是触发