Why can Javascript elementfrompoint return different elements?

Question

JavaScript

There is a task, to find the nearest element along the Y axis to a certain point, using the string

$(document).ready(function(){
// что-то еще
var element = document.elementFromPoint(Math.floor(innerWidth/2), 500);
console.log("offset: {" + $(element).offset().top+ " : " + $(element).offset().left + "}");
// что-то еще
})

the point is at the bottom of the screen in the middle (this is not important).

I noticed that when I refresh the page, the elements get different.
I thought that the dot is between two adjacent elements, so...but no:

The page consists of text constructions of small width.

I randomly get elements with positions:
offset: {411 : 0}
offset: {483 : 0}
despite the fact that there are more elements between them, chrome shows the width as 60,40,20,20.

On what it can depend?

Answer 1

It looks like it's here

if the page is scrolled, then the element will rise above or fall below - its coordinates relative to the window will change.

Answer 2

The answer was actually simple. There was an image on the page that appeared on the page at a slightly different speed, not noticeable to the eye. And if it has not yet appeared, then I got on one element, and if it appeared on another. Perhaps this may be due to any other dynamic elements of the page. I'm not a frontend, so xs.