.offset() vráti: jQuery
Získa aktuálne odsadenie prvého z vybraných elementov v pixeloch, relatívne k dokumentu.
.offset()
metóda umožňuje získať aktuálnu pozíciu elementu relatívne k dokumentu. Narozdiel od .position()
, ktorý získava relatívnu aktuálnu pozíciu vzhľadom na rodiča. Pri umiestnení nového elementu na vrch už existujúceho pre globálnu manipuláciu (najmä pre implementáciu drag-and-drop)), je užitočný viac .offset()
.
.offset()
vráti objekt obsahujúci vlastnosti, top
a left
.
Priklady:
Ziska offset druheho odseku
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html> < html > < head > < style > p { margin-left:10px; } </ style > </ head > < body > < p >Hello</ p > < p >2nd Paragraph</ p > < script > var p = $("p:last"); var offset = p.offset(); p.html( "left: " + offset.left + ", top: " + offset.top ); </ script > </ body > </ html > |
Klikni pre ziskanie offset.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <!DOCTYPE html> < html > < head > < style > p { margin-left:10px; color:blue; width:200px; cursor:pointer; } span { color:red; cursor:pointer; } div.abs { width:50px; height:50px; position:absolute; left:220px; top:35px; background-color:green; cursor:pointer; } </ style > </ head > < body > < div id = "result" >Click an element.</ div > < p >This is the best way to < span >find</ span > an offset.</ p > < div class = "abs" ></ div > < script > $("*", document.body).click(function (e) { var offset = $(this).offset(); e.stopPropagation(); $("#result").text(this.tagName + " coords ( " + offset.left + ", " + offset.top + " )"); }); </ script > </ body > </ html > |