* 沒有脫離文件流
* offsetLeft:父級元素margin+父級元素padding+父級元素border+自己的margin
*
* 脫離文件流
* 主要是自己的left和自己的margin

//獲取body
console.log(document.body);//獲取的是元素----標籤
//獲取title
console.log(document.title);//標籤中的值
document.title="哈哈哈，你好啊";
//獲取html
console.log(document.documentElement);

scrollWidth:元素中內容的實際寬度（不含邊框），如果沒有內容就說元素的寬
* scrollHeight:元素中內容的實際高度（不含邊框），如果沒有內容就說元素的寬
* scrollTop:向上捲曲出去的距離
* scrollLft:向左捲曲出去的距離

//div的滾動事件：時時的獲取向上捲曲出去的距離值
    ver("dv").onscroll=function () {
      console.log(this.scrollTop);
    };




封裝scroll函式

function getscroll() {
    return{
        left:window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0,
        top:window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0
    };
}