資訊專欄INFORMATION COLUMN
三種類型offset client scroll offset
只讀屬性。
width/height——顯示出來的屏幕尺寸
top/left——相對于定位父元素的絕對位置
client只讀屬性。
width/height——不帶邊框的offset，也不包含滾動(dòng)條寬度
top/left——內(nèi)邊距的外邊緣與邊框外邊緣的距離，通常是邊框?qū)挾?/p> scroll
width/height——只讀，帶有溢出內(nèi)容的client
top/left——非只讀，相對于父容器的滾動(dòng)起始位置，修改值可以改變滾動(dòng)位置
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://specialneedsforspecialkids.com/yun/54815.html
三種類型offset client scroll offset 只讀屬性。 width/height——顯示出來的屏幕尺寸 top/left——相對于定位父元素的絕對位置 client 只讀屬性。 width/height——不帶邊框的offset，也不包含滾動(dòng)條寬度 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。而這個(gè)auto到底是如何讓元素自動(dòng)擁有寬高的呢，也就是說，元素的寬度和高度到底會(huì)受到什么因素的影響？本文將通過一個(gè)例子來對這一問題一探究竟，HTML結(jié)構(gòu)和初始c...
閱讀 5257·2021-09-22 15:50
閱讀 1862·2021-09-02 15:15
閱讀 1164·2019-08-29 12:49
閱讀 2543·2019-08-26 13:31
閱讀 3458·2019-08-26 12:09
閱讀 1210·2019-08-23 18:17
閱讀 2736·2019-08-23 17:56
閱讀 2929·2019-08-23 16:02
