用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); 

Answer 2

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

Answer 3

底部是top +的outerHeight，不是height，因爲它不包括邊緣或填充。

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

Answer 4

答案爲止將工作..如果你只想使用高度不填充，邊框等

如果你想佔填充，邊框和邊距，你應該使用.outerHeight。

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

Answer 5

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

Answer 6

編輯：現在這個方案是在原來的答案了。

接受的答案不完全正確。你不應該使用position（）函數，因爲它是相對於父項的。 （？在大多數情況下），如果你正在做全球定位你只應與outerheight添加偏移頂部像這樣：

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

工作就像一個魅力的文檔http://api.jquery.com/offset/