title: document.body.scrollTop Firefox returns 0 : ONLY JS
body: <p>Any alternatives in pure javascript?</p>
  
  <p>The following works in opera, chrome and safari. Have not tested yet on explorer:</p>
  
  <p><a href="http://monkey-me.herokuapp.com" rel="noreferrer">http://monkey-me.herokuapp.com</a></p>
  
  <p><a href="https://github.com/coolcatDev/monkey-me-heroku/blob/master/static/js/myscripts.js" rel="noreferrer">https://github.com/coolcatDev/monkey-me-heroku/blob/master/static/js/myscripts.js</a></p>
  
  <p>At page load should scroll down to div '.content':</p>
  
  <pre><code>var destiny = document.getElementsByClassName('content');
  var destinyY = destiny[0].offsetTop;
  scrollTo(document.body, destinyY, 200);
  
  function scrollTo(element, to, duration) {
      if (duration &lt;= 0) return;
      var difference = to - element.scrollTop;
      var perTick = difference / duration * 2;
  
      setTimeout(function() {
          element.scrollTop = element.scrollTop + perTick;
          scrollTo(element, to, duration - 2);
      }, 10);
  };
  </code></pre>