查看滚动条的距离
滚动条距离：也看页面真实移动了多少，不要看物理距离兼容模式
浏览器的怪异模式和标准模式
意味着需要按照W3C规范CSS1Compat- W3C的兼容模式：标准模式<!DOCTYPE html>
若删除<!DOCTYPE html>则为BackCompat- 怪异模式
浏览器的可视区域
outerWidth / outerHeight（包含了滚动条、侧边栏、控制台等）文档尺寸
scrollWidth = window.innerWidth + window.pageXOffset是真正html文档的宽高div.getBoundingClientRect()
在IE中不返回宽高，可以用bottom-top计算不实时计算offsetLeft
只认父级的定位元素，没有则向上找到可视区域的边框margin塌陷
解决1，父元素加上边距解决2，BFC 但是offsetLeft仍然是100
offsetParent
找有定位的父级没有则找到body封装方法
小盒子（左上角）距离文档左上角的坐标document.body.offsetLeft0操作滚动条
要滚动到window.scroll(x,y)/window.scrollTo(x,y)每一次滚动多少window.scrollBy(x,y)应用：计时器+每次滚动（自动滚动）
