Come ottenere la posizione corretta di Element?

Question

Desidero ottenere la giusta posizione di un elemento. Ho provato attr('right') e ho letto il documento API relativo a .position().right che non esiste (credo).

http://jsfiddle.net/xavi3r/vcuq7/

è un esempio vorrei avvisare il giusto valore per.

Answer 1

Si desidera trovare il valore della proprietà CSS right?

$('#foo').css('right'); 

In parole povere Javascript:

document.getElementById('foo').style.right; 

Ma, se si vuole trovare il calcolata distanza dal bordo destro di un elemento al bordo destro di un altro, allora si dovrà per farlo da soli, che unisce .position().left e .offsetWidth

Answer 2

si può provare .css

.css("right");

Answer 3

A me sembra che questo funziona:

jQuery('#elem').offset().left + jQuery('#elem').width() 

Fiddle: http://jsfiddle.net/adamovic/fcyL5sg0/

Answer 4

$(document).width() - ($('#elem').offset().left + $('#elem').width()); 

dovrebbe farti lo spazio sul lato destro dell'elemento che è quindi possibile impostare come valore per la proprietà 'giusta' della posizione dell'elemento;

Answer 5

Il valore CSS è valido solo se è impostato tramite lo stile o $ .css().

Ma se hai bisogno di ottenere la giusta posizione di un oggetto, dovresti farlo usando javascript/jquery.

Sebbene esistano alcune soluzioni valide, è importante notare che $ .fn.width() non prende padding e bordi nell'account. Quindi è meglio usare outerWidth().

Esempio:

$(document).width() - ($('#elem').offset().left + $('#elem').outerWidth()); 

È anche possibile creare una funzione $ .fn per ottenere il valore:

$.fn.right = function() { 
    return $(document).width() - (this.offset().left + this.outerWidth()); 
} 

E poi usarlo:

$('#elem').right(); 

Answer 6

Come notato da @ avernet nei commenti, l'equivalente di un ipotetico .position(). right sarebbe espressione come questa:

$('#foo').offsetParent().width() - ($('#foo').position().left + $('#foo').width());