jQuery Tutorial
jQuery HOME jQuery Intro jQuery Install jQuery Syntax jQuery Selectors jQuery EventsjQuery Effects
jQuery Hide/Show jQuery Fade jQuery Slide jQuery Animate jQuery stop() jQuery Callback jQuery ChainingjQuery HTML
jQuery Get jQuery Set jQuery Add jQuery Remove jQuery CSS Classes jQuery css() jQuery DimensionsjQuery AJAX
jQuery AJAX Intro jQuery Load jQuery Get/PostjQuery Misc
jQuery noConflict()jQuery Examples
jQuery Examples jQuery Quiz jQuery CertificatejQuery References
jQuery Selectors jQuery Events jQuery Effects jQuery HTML/CSS jQuery AJAX jQuery Misc jQuery Properties jQuery TraversingjQuery offset() Method
jQuery
HTML/CSS MethodsExample
Return the offset coordinates of a <p> element:
$("button").click(function(){
var x=$("p").offset();
alert("Top: " + x.top + " Left: " + x.left);
});
var x=$("p").offset();
alert("Top: " + x.top + " Left: " + x.left);
});
Try it yourself »
Definition and Usage
The offset() method set or returns the offset coordinates for the selected elements, relative to the document.
When used to return the offset:
This method returns the
offset coordinates of
the FIRST matched element. It returns an object with 2 properties; the top and left positions in pixels.
When used to set the offset:
This method sets the offset
coordinates of ALL matched elements.
Syntax
Return the offset coordinates:
$(selector).offset()
Set the offset coordinates:
$(selector).offset({top:value,left:value})
Set offset coordinates using a function:
$(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:
|
| function(index,currentoffset) | Optional. Specifies a function that returns an object containing the top and left
coordinates
|
Try it Yourself - Examples
Set the
offset coordinates
How to set the offset coordinates of an element.
Set
offset coordinates using a function
Using a function to set the offset coordinates of an element.
Set
the offset coordinates for an element using an object
How to set the offset coordinates for an element using a new object.
Set
the offset coordinates for an element using the offset coordinates of another
element
How to set the offset coords for an element using the offset coords of an existing element.
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
