Tôi có thể lấy tọa độ của div với JQuery không?

Question

vị trí của div trên trang thay đổi. Làm thế nào tôi có thể nhận được vị trí y từ đầu?

Answer 1

jQuery ('# id'). Offset()

Trả về một đối tượng có bù sáng trên và bên trái.

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

Answer 2

Bạn cũng có thể quan tâm đến các chức năng vị trí mà được vị trí tương đối với một mẹ bù đắp (vs bù đắp mà được nó liên quan đến tài liệu)

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

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

Answer 3

Vì vậy, bạn phải lựa chọn. vị trí() hoặc offset().

position() Về cơ bản tương tự như những gì bạn có thể sử dụng trong thuộc tính bên trái, trên cùng của CSS.

offset() Sẽ trả về khoảng cách liên quan đến tài liệu. Điều này xem xét lợi nhuận, paddings, và biên giới.

<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 } 

Lưu ý cách giá trị vị trí giống như giá trị CSS và chênh lệch xem xét vị trí của cha mẹ, đường viền của lề mẹ và phần tử ('p') và phần đệm.

http://jsfiddle.net/4wfa6/

http://docs.jquery.com/CSS