Как посчитать координату верха элемента относительно окна браузера?

Question

[Tenebrius]

Допустим, нужно вычислить координату верха footer'a относительно окна браузера, использую такой вариант:

// на чистом JavaScript
document.querySelector('#footer').getBoundingClientRect().top
// или такой с jQuery
$('#footer').offset().top

Возникает любопытная проблема. Результат на локальной машине отличается от результата при запросе страницы с сервера. (Для обоих вариантов)
Более того, в разных браузерах эти числа не совпадают и опять же отличаются в зависимости от локальной/серверной страницы.

Консоль никаких ошибок не выдает.

В чем может быть дело и как добиться одного числа?

Answer 1

[Михаил Горячкин]

Вызывайте код внутри одной из конструкций
Чистый JS:

window.onload = function () {
//Код
};

jQuery:

$(document).ready(function () {
//Код
});

Comments

[Евгений Петров]

Чистый JS — это событие DOMContentLoaded.

[Михаил Горячкин]

https://developer.mozilla.org/en-US/docs/Web/API/G...

[Михаил Горячкин]

DOMContentLoaded наступает раньше чем onload. Но в данном случаи разница в использовании DOMContentLoaded или onload нет никакой.