目錄
前言
元素偏移量offset系列
概念
常見系列屬性
offset與style的對比
元素可視區client系列
概念
常見系列屬性
元素滾動scroll系列
概念
常見系列屬性
window.page和element.scroll
總結
前言
聽說！BOM家族開始“內卷”了~ 快說來聽聽！就是三大系列之爭呀！你難道還不知道嘛！快跟著我魔鬼的步伐一起去看看吧~
元素偏移量offset系列
概念
offset就是偏移量，相關屬性可以實作動態得到該元素的位置（偏移）、大小等；
常見系列屬性
offset與style的對比
元素可視區client系列
概念
client系列的相關屬性來獲取元素可視區的相關資訊，相關屬性可以動態的得到該元素的邊框大小、元素大小等，
常見系列屬性 
元素滾動scroll系列
概念
scroll系列相關屬性可以動態的得到該元素的大小、滾動距離等，ie9以上支持有一定的兼容性問題
常見系列屬性
window.page和element.scroll
- window.pageYoffset 頁面被卷去的頭部 element.scrollTop 元素被卷去的頭部
- window.pageXoffset 頁面被卷去的左側 element.scrollLeft 元素被卷去的左側
總結
三大系列都有的共同點：
- 回傳數字時，都是不帶單位；
- 都是只讀屬性，可獲取不可賦值不可改變；
這一篇博客雖然沒有加上代碼，但是都是用表格的形式清晰的展示相關的屬性，希望可以幫助到大家！要多多動手敲代碼才可以變得更強哦！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/344274.html
標籤：其他