reactjs - how to get offset of inside element

Question

if I want to receive a ref from this:

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

<div ref=ref1>

  <div ref=ref2>

  </div>

</div>

if I use ref2.current.offsetTop I get the offset of ref1, is there a way to get ref2 offset value?

question from:https://stackoverflow.com/questions/66049291/how-to-get-offset-of-inside-element

Answer 1

You can use Element.getBoundingClientRect() to get information about the element position relative to the viewport:

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