Comment trouver la position absolue d'un élément à l'aide de jQuery?

Existe-t-il un moyen de trouver la position absolue d'un élément, c'est-à-dire par rapport au début de la fenêtre, à l'aide de jQuery?

.offset() retournera la position de décalage d'un élément comme un objet simple, par exemple:

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

Vous pouvez utiliser cette valeur de retour pour positionner d'autres éléments au même endroit:

$(anotherElement).css(position)

Notez que $(element).offset()vous indique la position d'un élément par rapport au document . Cela fonctionne très bien dans la plupart des circonstances, mais dans le cas de position:fixedvous, vous pouvez obtenir des résultats inattendus.

Si votre document est plus long que la fenêtre et que vous avez fait défiler verticalement vers le bas du document, position:fixedla offset()valeur de votre élément sera supérieure à la valeur attendue du montant que vous avez fait défiler.

Si vous recherchez une valeur relative à la fenêtre (fenêtre), plutôt que le document sur un élément position: fixed, vous pouvez soustraire la scrollTop()valeur du document de la valeur de l'élément fixe offset().top. Exemple:$("#el").offset().top - $(document).scrollTop()

Si le position:fixedparent décalé de l' élément est le document , vous souhaitez lire à la parseInt($.css('top'))place.