title: element height() not adding + 200?
body: <p>I would like to scroll to the end of the container. The element is having new items added via ajax on click, so I am recalculating its height each time I click to load more. The page scrolls fine but I would like to also add the navigation height in order to have the exact pixels. It looks like it is not adding <code>+ 224</code> tho</p>
  
  <p>Html
      lorem
      
        
        
        
      </p>
  
  <p>New items are added via a click and ajax.</p>
  
  <p>Css</p>
  
  <pre><code>   nav {
       height: 90px;
     }
     #container {
        margin-top: 104px;
        margin-bottom: 120px;
     }
  </code></pre>
  
  <p>Jquery</p>
  
  <pre><code>var page = $("html, body");
  var pos = $("#container").height() + 224;
  page.animate({scrollTop: pos}, 1000);
  </code></pre>