Come posso ottenere la distanza tra 2 elementi (punto centrale)?

ho bisogno del tuo aiuto! Ho una quantità casuale di div inserite tra loro.

Item description
Item description
Item description
Item description

Ognuno ha un’altezza diversa e devo calcolare la distanza tra loro. È molto importante che la distanza sia da ciascun punto centrale di ogni object.

Grazie in anticipo!

Forse la mia immagine spiegherà meglio del mio orribile inglese 🙂 inserisci la descrizione dell'immagine qui

Puoi provare il metodo offset :

 var $items = $('.item'); var fh = $items.eq(0).height(); var sh = $items.eq(1).height(); var first = $items.eq(0).offset().top + fh; var two = $items.eq(1).offset().top; var distance = (two - first) + (fh/2) + (sh/2) ; 

Oh mio Dio! A volte è più facile di quanto tu possa pensare!

 var currentCenterPoint = $('.current').outerHeight() / 2; var nextCenterPoint = $('.current').next().outerHeight() / 2; var amount = (currentCenterPoint + nextCenterPoint); 

Invece di

prova

    con

  • .

    demo di jsBin

     $('.item').each(function(){ if( $(this).next().is('.item') ){ var myHalf = $(this).outerHeight(true)/2; var nextHalf = $(this).next('.item').outerHeight(true)/2; $(this).text('distance in between: '+ (myHalf+nextHalf) ); // TEST } });