HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全詳解

2020-10-23 18:40:10

字體：大中小

供稿：網(wǎng)友

scrollHeight: 獲取對(duì)象的滾動(dòng)高度。

scrollLeft:設(shè)置或獲取位于對(duì)象左邊界和窗口中目前可見(jiàn)內(nèi)容的最左端之間的距離

scrollTop:設(shè)置或獲取位于對(duì)象最頂端和窗口中可見(jiàn)內(nèi)容的最頂端之間的距離

scrollWidth:獲取對(duì)象的滾動(dòng)寬度

offsetHeight:獲取對(duì)象相對(duì)于版面或由父坐標(biāo) offsetParent 屬性指定的父坐標(biāo)的高度

offsetLeft:獲取對(duì)象相對(duì)于版面或由 offsetParent 屬性指定的父坐標(biāo)的計(jì)算左側(cè)位置

offsetTop:獲取對(duì)象相對(duì)于版面或由 offsetTop 屬性指定的父坐標(biāo)的計(jì)算頂端位置

event.clientX 相對(duì)文檔的水平座標(biāo)

event.clientY 相對(duì)文檔的垂直座標(biāo)

event.offsetX 相對(duì)容器的水平坐標(biāo)

event.offsetY 相對(duì)容器的垂直坐標(biāo)

document.documentElement.scrollTop 垂直方向滾動(dòng)的值

event.clientX+document.documentElement.scrollTop 相對(duì)文檔的水平座標(biāo)+垂直方向滾動(dòng)的量

以上主要指IE之中，F(xiàn)ireFox差異如下：

IE6.0、FF1.06+：

clientWidth = width + padding

clientHeight = height + padding

offsetWidth = width + padding + border

offsetHeight = height + padding + border

IE5.0/5.5：

clientWidth = width - border

clientHeight = height - border

offsetWidth = width

offsetHeight = height

上一篇：scrollWidth,clientWidth與offsetWidth的區(qū)別

下一篇：做網(wǎng)頁(yè)字體大小參考網(wǎng)頁(yè)中同字號(hào)字體的不同單位對(duì)比列表