如何获取内部元素的偏移量

Question

如果我想从这里接收参考：

const ref1=useRef()
const ref2=useRef()

<div ref=ref1>

  <div ref=ref2>

  </div>

</div>

如果我使用ref2.current.offsetTop我得到了ref1的偏移量，有没有办法得到ref2的偏移值？

Answer 1

您可以使用Element.getBoundingClientRect() 获取有关元素相对于视口的位置信息：

const {x,y} = ref2.current.getBoundingClientRect();
window.scrollTo(x,y)