scroll家族

scrollWidth: //内容的总宽度, 只能获取不能修改

scrollHeight: //内容的总高度，只能获取不能修改

clientWidth和clientHeight.png

scrollLeft: //内容往左边滚出去的距离

scrollTop: //内容往上边滚出去的距离

//这两个可以设置距离，但是如果设置的值超出它本身最大能滚出去的大小，那就会滚到最后

scroll.png

兼容写法
获取页面滚出去的距离是有比较复杂的兼容性问题，所以要用下面代码获取滚出去的距离

var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
var scrollLeft = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0;