jquery - 使用jquery查找div底部的位置

Question

我有一个 div，想找到底部位置。我可以这样找到Div的顶部位置，但是如何找到底部位置？

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

Answer 1

相对于父元素，将 outerheight 添加到顶部，就得到了底部:

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

对于绝对定位的元素或相对于文档定位时，您将需要使用偏移量进行评估:

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

正如 trnelson 指出的那样这在 100% 的时间都不起作用。要对定位元素使用此方法，您还必须考虑偏移量。有关示例，请参见以下代码。

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