Heim  >  Artikel  >  Web-Frontend  >  jquery-Methode, um die absolute und relative Position von HTML elements_jquery zu ermitteln

jquery-Methode, um die absolute und relative Position von HTML elements_jquery zu ermitteln

WBOY
WBOYOriginal
2016-05-16 16:43:501451Durchsuche

Absolute Positionskoordinaten:

Code kopieren Der Code lautet wie folgt:

$("#elem").offset().top
$("#elem").offset().left

Positionskoordinaten relativ zum übergeordneten Element:

Code kopieren Der Code lautet wie folgt:

$("#elem").position().top
$("#elem").position().left

Außerdem:
statisch (Standard): Standardpositionierungsmethode.
Relativ (relative Positionierung): Basierend auf der statischen Position wird die ursprüngliche Positionsänderung des relativen Elements durch Festlegen von oben, unten, links und rechts erreicht.
Absolut (absolute Positionierung): Es ist relativ zum übergeordneten Element. Wenn das übergeordnete Element relativ ist, ist die Position des Elements das berechnete Ergebnis. Das heißt, das Referenzobjekt für die absolute Positionierung ist „das zuletzt positionierte übergeordnete Element (statisch zählt nicht)“. Durch die absolute Positionierung wird das Element aus dem Dokumentenfluss entfernt.
fest (feste Positionierung): Das Referenzobjekt der festen Positionierung ist immer das aktuelle Dokument. Mithilfe der festen Positionierung ist es einfach, ein Div oben links, oben rechts usw. im Browserdokument zu positionieren.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn