jQuery offset() Methode

❮ jQuery HTML/CSS-methoden

Voorbeeld

Retourneer de offset-coördinaten van een <p>-element:

$("button").click(function(){
  var x = $("p").offset();
  alert("Top: " + x.top + " Left: " + x.left);
});

Definitie en gebruik

De methode offset() stelt de offset-coördinaten in of retourneert deze voor de geselecteerde elementen, relatief aan het document.

Wanneer gebruikt om de offset te retourneren:
Deze methode retourneert de offset-coördinaten van het EERSTE overeenkomende element. Het retourneert een object met 2 eigenschappen; de bovenste en linker posities in pixels.

Indien gebruikt om de offset in te stellen:
Deze methode stelt de offset-coördinaten van ALLE overeenkomende elementen in.


Syntaxis

Retourneer de offset-coördinaten:

$(selector).offset()

Stel de offset coördinaten in:

$(selector).offset({top:value,left:value})

Stel offset-coördinaten in met een functie:

$(selector).offset(function(index,currentoffset))

Parameter Description
{top:value,left:value} Required when setting the offset. Specifies the top and left coordinates in pixels.

Possible values:
  • Name/Value pairs, like {top:100,left:100}
  • An object with top and left properties ()
function(index,currentoffset) Optional. Specifies a function that returns an object containing the top and left coordinates
  • index - Returns the index position of the element in the set
  • currentoffset - Returns the current coordinates of the selected element

Probeer het zelf - Voorbeelden


instellen Hoe u de offset coördinaten van een element instelt.


Een functie gebruiken om de offsetcoördinaten van een element in te stellen.


. Hoe stelt u de offset-coördinaten in voor een element met behulp van een nieuw object.


-coördinaten voor een element instellen met behulp van de offset-coördinaten van een bestaand element.


❮ jQuery HTML/CSS-methoden