请问，如何获得这个情况中的x,y值？

Question

如图，我们有个需求，会在DIV1中（类似一个视口），嵌入大量不同长度的DIV2，我需要知道每个视口内，DIV2的顶部边缘到视口顶部的距离（x），以及DIV2的底部边缘到视口顶部的距离（y）

请问如何获得这两个值？

Answer 1

ele.getBoundingClientRect()

Answer 2

// div1需要position不为static

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

更新

// 原生
// 还是需要给div1设置position

x: div1.scrollTop - div2.offsetTop
y: div2.offsetHeight - x