title: Distance between elements in HTML page
body: <p>I am working on a planetarium in HTML/CSS/jQuery/JS, and there is something I don't really manage to do.</p>
  
  <p>I have been searching for something similar and I stumbled upon <a href="https://stackoverflow.com/questions/17628456/measure-distance-between-two-html-elements-centers">this</a> which corresponds the most to what I am looking for.</p>
  
  <p>Basically, my point is to represent the Solar system (most of it) in a plan (horizontally), and the user would only scroll to the right to see the planets, etc. There is no vertical scrolling.</p>
  
  <p>I have created a div, which includes another div named "point" (width: 1px, height: 1px). My point is to calculate the distance between the div "point" and the center of my sun (div named "sun") when the user is scrolling (in real time).</p>
  
  <p>Could you please help me with this?</p>
  
  <p>Cheers.</p>