資訊專欄INFORMATION COLUMN
三種類型offset client scroll offset
只讀屬性。
width/height——顯示出來的屏幕尺寸
top/left——相對于定位父元素的絕對位置
client只讀屬性。
width/height——不帶邊框的offset，也不包含滾動條寬度
top/left——內(nèi)邊距的外邊緣與邊框外邊緣的距離，通常是邊框?qū)挾?/p> scroll
width/height——只讀，帶有溢出內(nèi)容的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...
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/103248.html
三種類型offset client scroll offset 只讀屬性。 width/height——顯示出來的屏幕尺寸 top/left——相對于定位父元素的絕對位置 client 只讀屬性。 width/height——不帶邊框的offset，也不包含滾動條寬度 top/left——內(nèi)邊距的外邊緣與邊框外邊緣的距離，通常是邊框?qū)挾? scroll width/height——只讀，帶...
摘要：關(guān)于內(nèi)聯(lián)元素之前討論的多是塊級元素，而沒有考慮到內(nèi)聯(lián)元素的情況。但巧合的是，在普通流定位中，內(nèi)聯(lián)元素寬度和高度規(guī)則卻和塊級元素絕對定位差不多，都只受內(nèi)容大小影響。 我們知道，元素在沒有設(shè)置寬高的情況下，默認(rèn)的寬高值都為auto。而這個auto到底是如何讓元素自動擁有寬高的呢，也就是說，元素的寬度和高度到底會受到什么因素的影響？本文將通過一個例子來對這一問題一探究竟，HTML結(jié)構(gòu)和初始c...
閱讀 3659·2021-10-09 09:58
閱讀 1202·2021-09-22 15:20
閱讀 2503·2019-08-30 15:54
閱讀 3520·2019-08-30 14:08
閱讀 897·2019-08-30 13:06
閱讀 1827·2019-08-26 12:16
閱讀 2687·2019-08-26 12:11
閱讀 2517·2019-08-26 10:38
