資訊專欄INFORMATION COLUMN
三種類型offset client scroll offset
只讀屬性。
width/height——顯示出來的屏幕尺寸
top/left——相對于定位父元素的絕對位置
client只讀屬性。
width/height——不帶邊框的offset，也不包含滾動條寬度
top/left——內邊距的外邊緣與邊框外邊緣的距離，通常是邊框寬度
scrollwidth/height——只讀，帶有溢出內容的client
top/left——非只讀，相對于父容器的滾動起始位置，修改值可以改變滾動位置
demo代碼見：https://codepen.io/jabbar/pen...
附加window.outerWidth/window.outerHeight——窗口的外層的寬度和高度
window.innerWidth/window.innerWidth——瀏覽器窗口的視口(viewport)的寬度和高度
window.screen.width/window.screen.height——屏幕寬度和高度
window.screen.availWidth/window.screen.availHeight——屏幕可用寬度和高度
window.screenTop/window.screenLeft——瀏覽器在屏幕位置
參考：
https://segmentfault.com/a/11...
https://juejin.im/entry/59772...
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/103248.html
三種類型offset client scroll offset 只讀屬性。 width/height——顯示出來的屏幕尺寸 top/left——相對于定位父元素的絕對位置 client 只讀屬性。 width/height——不帶邊框的offset，也不包含滾動條寬度 top/left——內邊距的外邊緣與邊框外邊緣的距離，通常是邊框寬度 scroll width/height——只讀，帶...
摘要：關于內聯元素之前討論的多是塊級元素，而沒有考慮到內聯元素的情況。但巧合的是，在普通流定位中，內聯元素寬度和高度規則卻和塊級元素絕對定位差不多，都只受內容大小影響。 我們知道，元素在沒有設置寬高的情況下，默認的寬高值都為auto。而這個auto到底是如何讓元素自動擁有寬高的呢，也就是說，元素的寬度和高度到底會受到什么因素的影響？本文將通過一個例子來對這一問題一探究竟，HTML結構和初始c...
閱讀 3648·2021-10-09 09:58
閱讀 1188·2021-09-22 15:20
閱讀 2495·2019-08-30 15:54
閱讀 3509·2019-08-30 14:08
閱讀 887·2019-08-30 13:06
閱讀 1817·2019-08-26 12:16
閱讀 2678·2019-08-26 12:11
閱讀 2507·2019-08-26 10:38
