javascript - offsetTop 返回 0

Question

我正在尝试开发一个函数，将 div-Element 移动到与悬停元素相同的高度。
为此，我使用了 offsetTop，但它总是返回 0，我不明白我做错了什么。

$( 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`;
                });
            });
        });

我也尝试使用 getBoundingClientRect().top但是如果我滚动 dwon 它会返回不同的值

Answer 1

您应该使用 getBoundingClientRect() 如下:

var ele = document.getElementById('elementId');
var offset = ele.getBoundingClientRect();
// you can use
offset.left;
offset.top;

这个对我有用。