offsetTop return 0

by

I’m trying to develop a function which move a div-Element to the same height as the hovered element.
For this I used offsetTop but it always returns 0 and I don’t get what I’m doing wrong.

$( document ).ready(function() {
            const handle = document.querySelector('#handle');


            const headers = document.querySelectorAll('.et_pb_accordion_item_0, .et_pb_accordion_item_1, .et_pb_accordion_item_2')
                .forEach(el => {
                  el.addEventListener('mouseover', e => {
                      handle.style.top = `${e.currentTarget.offsetTop}px`;
                });
            });
        });

I also tried to use getBoundingClientRect().top but it return different values if I scroll dwon

59 thoughts on “offsetTop return 0”