如何獲得兩個div之間的距離

所以我有一個div在另一個裏面 - 我怎麼能得到他們之間的距離？如何獲得兩個div之間的距離

buttons

我想是這樣$('#child').parentsUntil($('#parent')).andSelf() - 但它返回一個對象，而不是距離。

P.S.我需要它來推動其他按鈕。

來源

2012-10-01 NoNameZ

'.POSITION（）'不工作？ –

試着用'$（「＃child」）。position（）。left'來測試，如果需要的話從這個值中減去'$（「＃parent」）。position（）。left'。 – VisioN

http://api.jquery.com/position/

獲得左側距離，你可以使用：

var distLeft = $('#child').position().left;

這將在px相對返回偏移父

如果你有興趣到的距離元素的頁面偏移量比：

var offsLeft = $('#child').offset().left;

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

來源

2012-10-01 09:57:58

你試過類似的東西嗎？

$('innerDiv').position().left;

來源

2012-10-01 09:58:29

您可以使用offset

var childOffset = $('#child').offset(), parentOffset = $('#child').parentsUntil($('#parent')).offset(); 
    var leftDistance =childOffset.left - parentOffset.left; 
    var topDistance = childOffset.top- parentOffset.top;

來源

2012-10-01 09:59:30 Anoop

'offset（）'是恕我直言最好的解決方案，因爲它甚至能夠獲得兩個完全不相關的對象之間的距離：函數距離（el1，el2）{var o1 = $（el1）.offset（）; var o2 = $（el2）.offset（）;返回{left：o2.left - o1.left，top：o2.top - o1.top}; }' – Mark

有這個真棒getBoundingClientRect功能。別的就是a-b

https://developer.mozilla.org/en-US/docs/DOM/element.getBoundingClientRect

來源

2012-10-01 09:59:38 Prinzhorn

如何獲得兩個div之間的距離

回答

相關問題