一、元素的 client offset scroll 三個系列

clientWidth / clientHeight / clientTop / clientLeft
offsetWidth / offsetHeight / offsetLeft / offsetTop / offsetParent
scrollWidth / scroHeight / scrollTop / scrollLeft
這十三個屬性 前面十一個是隻讀屬性 scrollTop和scrollLeft是既可讀也可寫

測試滾動條的距離
返回Y軸window.pageYOffset
返回X軸window.pageXOffset

獲取整個文件的高：
document.body.scrollHeight || document.documentElement.scrollHeight

獲取瀏覽器一螢幕的高（瀏覽器的可視區）：
document.body.clientHeight || document.documentElement.clientHeight

二、window下的兩個事件

onscroll 當滾動條滾動的時候出發
onresize 當窗發生改變時觸發

三、讓滾動條滾動

window.scroll（x，y） 不累加
window.scrollTo（x，y） 跟上面一樣
window.scrollBy（x，y） 會累加