Como encontro a posição absoluta de um elemento usando jQuery?

Existe uma maneira de encontrar a posição absoluta de um elemento, ou seja, em relação ao início da janela, usando jQuery?

.offset() retornará a posição de deslocamento de um elemento como um objeto simples, por exemplo:

var position = $(element).offset(); // position = { left: 42, top: 567 }

Você pode usar esse valor de retorno para posicionar outros elementos no mesmo local:

$(anotherElement).css(position)

Observe que $(element).offset()indica a posição de um elemento em relação ao documento . Isso funciona muito bem na maioria das circunstâncias, mas position:fixedvocê pode obter resultados inesperados.

Se o seu documento for maior que a viewport e você tiver rolado verticalmente em direção à parte inferior do documento, position:fixedo offset()valor do seu elemento será maior que o valor esperado pela quantidade que você rolou.

Se você estiver procurando por um valor relativo à viewport (janela), em vez do documento em uma posição: elemento fixo, poderá subtrair o scrollTop()valor do documento do valor do elemento fixo offset().top. Exemplo:$("#el").offset().top - $(document).scrollTop()

Se o position:fixedpai de deslocamento do elemento for o documento , você deseja lerparseInt($.css('top')) .