用jquery查找div底部的位置

前端之家收集整理的这篇文章主要介绍了用jquery查找div底部的位置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个div,想找到底部位置。我可以找到Div的顶部位置这样,但我如何找到底部位置?
var top = $('#bottom').position().top;
return top;

解决方法

将外高度添加到顶部,并且相对于父元素具有底部
var $el = $('#bottom');  //record the elem so you don't crawl the DOM everytime  
var bottom = $el.position().top + $el.outerHeight(true);

对于绝对定位的元素或相对于文档定位时,您需要使用offset:

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

正如trnelson所指出的,这在100%的时间不工作。要对定位的元素使用此方法,还必须考虑偏移。有关示例,请参阅以下代码

var bottom = $el.position().top + $el.offset().top + $el.outerHeight(t‌​rue);

猜你在找的jQuery相关文章