Question

43

Find distance between two DIVs using jQuery?

rated 0 times [ 45] [ 2] / answers: 1 / hits: 50283 / 12 Years ago, fri, march 1, 2013, 12:00:00

I have two DIVs that I need to know the calculated browser distance (in height) of them.
I have read about the offset feature but the examples were not written for the way I am trying to do this.

Example usage:

<div class=foo></div>

<div class=bar></div>

I want to know the distance between these two.

Please help me to find the distance dynamically with jQuery.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

dominics

Add To Favorites

Follow

Total Points: 424

Total Questions: 99

Total Answers: 107

Location: South Korea

Member since Fri, Sep 11, 2020

4 Years ago

dominics questions

1 react setState() not triggering re-render

Wed, Apr 6, 22, 00:00, 2 Years ago

1 export a variable inside a function to be used in other modules

Mon, Feb 7, 22, 00:00, 2 Years ago

1 how to make TextInput with dropdown/picker in react-native?

Thu, Jan 13, 22, 00:00, 2 Years ago

1 How to remove extra empty space and scroll bar at the bottom of my html page?

Wed, Jan 20, 21, 00:00, 3 Years ago

1 AgGrid: applyColumnState is not a function

Fri, Sep 18, 20, 00:00, 4 Years ago

View All

answered 12 Years ago george · Accepted Answer

Something like this should work:

$('.foo').offset().top - $('.bar').offset().top

As long as each class only has one element on the page.

If they are not unique, give the two elements an ID and reference with that.