Kann ich die Koordinaten eines Div mit JQuery bekommen?

Question

Die Position des Div auf der Seite variiert. Wie kann ich die y-Position von oben bekommen?

Answer 1

jQuery ('# id'). Offset()

Gibt ein Objekt mit oberen und linken Offsets.

http://api.jquery.com/offset/

Answer 2

Sie auch in der Lage, Funktion, die die Position relativ zu einer Offset-Mutter bekommt (vs Offset, der zu dem Dokument es relativ bekommt)

var position = $('#id').position(); 

http://api.jquery.com/position/

Answer 3

interessiert sein Also musst du Optionen haben. Position() oder Offset().

position() Im Grunde ähnlich wie Sie in den CSS oben, links Eigenschaften verwenden können.

offset() Gibt den Abstand relativ zum Dokument zurück. Dies berücksichtigt Ränder, Abstände und Ränder.

<style> 
    .cont { 
     position: absolute; 
     top: 100px; 
     left: 100px; 
     border: solid 3px black; 
    } 
    p { 
     margin: 20px; 
     padding: 20px; 
     border: solid 2px black; 
     position: absolute; 
     top: 20px; 
     left: 20px; 
    } 
    </style> 

    <div class="cont"> 
     <p>Hello World!</p> 
    </div> 

    $('p').position() => { top: 20, left: 20 } 
    $('p').offset() => { top: 143, left : 143 } 

Beachten Sie, wie die Positionswerte die gleichen wie die CSS-Werte sind, und betrachtet die Offset-Position der Eltern, die Grenze der Eltern und der des Elements (‚P‘) Rand und Polsterung.

http://jsfiddle.net/4wfa6/

http://docs.jquery.com/CSS