总是记不住，真是脑壳疼，再写一次加深记忆！
张鑫旭的文章戳这里
梳理了一遍，总计下用的最多的几个属性
-
getBoundingClientRect()这个返回一个数组，top,left都指的是元素相对于浏览器顶端的距离，滚动了就会变化 -
scrollTop: 这个属性用的比较多嘛，可读可写，一般固定滚动条位置就会用到这个，指的是滚动条滚了多长，也就是页面卷起的距离 -
scrollHeight也好像不太常用。表示整个内容区域的宽高，包括隐藏的部分。如果元素没有隐藏的部分，则相关的值应该等用于clientWidth和clientHeight。当你向下滚动滚动条的时候，scrollHeight应该等用于scrollTop + clientHeight -
offsetTop：这个是js原生属性，得到的是相对父元素的距离！父元素，记住他是相对于父元素就好啊了！jq中就是$("e").offset().top -
clientLeft/clientTop不常用，指的是内容距离，一般没有边框的元素这个值都是0，有边框的就是边框的厚度 -
clientHeight/clientWidth这个得到就是元素的长度和高度了,不包括border -
offsetWidth包括边框 -
window.innerHeight可是窗口的距离
网友评论