鍍金池/ 問(wèn)答/HTML/ Element.getBoundingClientRect()返回的x,y和le

Element.getBoundingClientRect()返回的x,y和left,top的區(qū)別？

MDN上對(duì)Element.getBoundingClientRect()返回值的解釋為：
getBoundingClientRect返回值

clipboard.png

看了描述，總覺(jué)著x,left指的是一個(gè)東西，y，top指的是一個(gè)東西。

寫(xiě)了一段測(cè)試代碼，發(fā)現(xiàn)返回的結(jié)果和我預(yù)期的一樣，就是left，x值相同，top,y值相同。

v2-3dd45803cfb6ee16297987b0e302b80d_hd.jpg

怎么解釋呢？是不是說(shuō)明其實(shí)這塊設(shè)計(jì)比較累贅，x,left以及y,top本身就是一樣?xùn)|西。

回答
編輯回答
無(wú)標(biāo)題

可能是因?yàn)闉g覽器兼容性吧，IE 和 Edge 返不包含 x, y 屬性

2017年4月23日 21:57
編輯回答
賤人曾

樓上說(shuō)的不對(duì)，你用滾動(dòng)條autoscroll屬性試一下，返回的.bounds.x 和.left可能會(huì)不同。

2017年10月26日 09:23
編輯回答
使勁操

樓上說(shuō)的挺對(duì)的，翻了一下mdn，翻到最后面兼容性 第四條
鏈接描述

2017年10月23日 00:00