jqueryでdivの最下部の位置を検索する

質問

divがあり、下の位置を見つけたいのです。このようにDivの上の位置を見つけることができますが、下の位置はどのように見つけるのでしょうか？

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

どのように解決するのですか？

outerheightをtopに追加すると、親要素からの相対値でbottomになります。

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

絶対位置指定された要素や、ドキュメントからの相対位置指定では、代わりにoffsetを使用して評価する必要があります。

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

で指摘されているように trnelson によって指摘されているように、これは 100%常に機能するわけではありません。位置決めされた要素にこの方法を使うには、オフセットも考慮する必要があります。例として、次のコードをご覧ください。

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