鍍金池/ 問答/HTML5  HTML/ 請問，如何獲得這個情況中的x,y值？

請問，如何獲得這個情況中的x,y值？

如圖，我們有個需求，會在DIV1中（類似一個視口），嵌入大量不同長度的DIV2，我需要知道每個視口內(nèi)，DIV2的頂部邊緣到視口頂部的距離（x），以及DIV2的底部邊緣到視口頂部的距離（y）

請問如何獲得這兩個值？

圖片描述

回答
編輯回答
朕略傻
// div1需要position不為static

x: Math.abs($('div2').position().top)
y: $('div2').height() - x

更新

// 原生
// 還是需要給div1設(shè)置position

x: div1.scrollTop - div2.offsetTop
y: div2.offsetHeight - x
2017年4月20日 21:13
編輯回答
局外人
ele.getBoundingClientRect()
2018年2月15日 01:15