Encontrar la posición de la parte inferior de un div con jquery

Question

Tengo un div y quiero encontrar la posición inferior. Puedo encontrar la posición más alta de la División de esta manera, pero ¿cómo puedo encontrar la posición inferior?

var top = $('#bottom').position().top; 
return top; 

Answer 1

Añadir la outerheight a la parte superior y tiene la parte inferior, en relación con el elemento padre:

var $el = $('#bottom'); //record the elem so you don't crawl the DOM everytime 
var bottom = $el.position().top + $el.outerHeight(true); // passing "true" will also include the top and bottom margin 

Con elementos con posición absoluta o durante el posicionamiento en relación con el documento, se tendrá que evaluar vez el uso de desplazamiento:

var bottom = $el.offset().top + $el.outerHeight(true); 

como ha señalado trnelson esto no funciona el 100% del tiempo. Para utilizar este método para elementos posicionados, también debe contabilizar el desplazamiento. Para ver un ejemplo, vea el siguiente código.

var bottom = $el.position().top + $el.offset().top + $el.outerHeight(true); 

Answer 2

var bottom = $('#bottom').position().top + $('#bottom').height(); 

Answer 3

La parte inferior es el top + el outerHeight, no la height, ya que no incluiría el margen o material de relleno.

var $bot, 
    top, 
    bottom; 
$bot = $('#bottom'); 
top = $bot.position().top; 
bottom = top + $bot.outerHeight(true); //true is necessary to include the margins 

Answer 4

Las respuestas hasta ahora trabajarán .. si sólo desea utilizar la altura sin relleno, bordes, etc.

Si desea dar cuenta de relleno, bordes y márgenes, que debiera use .outerHeight.

var bottom = $('#bottom').position().top + $('#bottom').outerHeight(true); 

Answer 5

var top = ($('#bottom').position().top) + ($('#bottom').height()); 

Answer 6

EDIT: esta solución está ahora en la respuesta original también.

La respuesta aceptada no es del todo correcta. No debe utilizar la función position() ya que es relativa a la principal. (? En la mayoría de los casos) si se está haciendo de posicionamiento global sólo se debe añadir la parte superior compensado con el outerheight así:

var actualBottom = $(selector).offset().top + $(selector).outerHeight(true); 

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