title: Difference between getBoundingClientRect().top and offsetTop?
body: <p>What is the difference between getBoundingClientRect().top and offsetTop? </p>
  
  <p><a href="https://codepen.io/anon/pen/bWZWQg" rel="noreferrer">https://codepen.io/anon/pen/bWZWQg</a></p>
  
  <pre><code>const elem = document.querySelector('#find');
  
  console.log('getBoundingClientRect: ' + elem.getBoundingClientRect().top);
  
  console.log('offsetTop: ' + elem.offsetTop);
  
  // Stuff to push the div down the page
  &lt;div id='find'&gt;Find me&lt;/div&gt;
  </code></pre>
  
  <p>From my quick test the only difference seems to be the number of decimal places returned. </p>