?

一、client系列

　　clientWidth/clientHeight? ? 是我們設置的寬和高加上內邊距（沒有邊框）

　　clientLeft/clientTop　　就是我們設置的邊框值

二、offset系列

　　offsetWidth/offsetHeight　　是我們設置的寬和高加上內邊距，加上邊框

　　offsetLeft/offsetTop　　是元素外邊距離父級內邊距相對于父級，這個父級由定位position：absolute；

　　offsetParent　　返回這個元素的父級元素

　　offsetTop　參照由父級身上的position：absolute/fixed，如果父級元素身上沒有就逐層向上查找，直到body

　　offset往往和我們做元素的運動有關；

　　注意：1、offset必須和position配合使用，往往這個值還必須是absolute；

　　　　　2、offset由初始值，在標準瀏覽器下是8，低版本是0；

　　　　　3、 var? ?t=setInterval （function（））{

　　　　　　　　aa . style . left=aa . offsetLeft+2+"px"

　　　　}

三、scroll系列

　　scrollWidth/scrollHeight　　就是我們設置的寬和高加內邊距（內容沒有溢出的前提，如果超出了范圍就按內容而定）

　　scrollLeft/scrollTop　　滾動條卷走的高度

四、

　　獲取瀏覽器的body的屬性是有兼容的

　　var? dd=document . body || document . documentElement;

　　獲取body的整個文檔的高

　　document . scrollHeight || document . documentElement . scrollHeight;

　　獲取屏幕的高（瀏覽器的可視區）

　　document . body || document . documentElement . clientHeight

?

轉載于:https://www.cnblogs.com/yangxueyan/p/10043866.html

總結

以上是生活随笔為你收集整理的CLIENT系列、OFFSET系列、SCROLL系列的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。