¿Cómo obtener la posición correcta de Element?

Question

Deseo obtener la posición correcta de un elemento. He intentado attr('right') y he leído el documento de la API con respecto a .position().right que no existe (creo).

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

es un ejemplo Deseo alertar al valor adecuado para.

Answer 1

¿Quieres encontrar el valor de la propiedad CSS right?

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

En la llanura Javascript:

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

Pero, si usted quiere encontrar la calcula la distancia desde el borde derecho de un elemento al borde derecho de otro, entonces tendrá para hacer eso mismo, la combinación de .position().left y .offsetWidth

Answer 2

se puede tratar .css

.css("right");

Answer 3

A mi me parece que esto funciona:

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

violín: http://jsfiddle.net/adamovic/fcyL5sg0/

Answer 4

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

debe conseguir que el espacio en el lado derecho del elemento que se puede establecer a continuación como el valor de la propiedad 'derecha' de la posición del elemento;

Answer 5

El valor CSS solo es válido si se establece mediante estilo o $ .css().

Pero si necesita obtener la posición correcta de un objeto, debe hacerlo utilizando javascript/jquery.

Aunque hay algunas soluciones válidas, es importante tener en cuenta que $ .fn.width() no ocupa el relleno y los bordes en la cuenta. Por lo tanto, es mejor usar outerWidth().

Ejemplo:

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

Incluso puede crear una función $ .fn para obtener el valor:

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

y luego usarlo:

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

Answer 6

Como se ha señalado por @ Avernet en los comentarios, el equivalente de un hipotético .position(). right sería una expresión como esta:

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