title: Full Page Smooth Scrolling
body: <p>I'm using this code to use smooth scrolling in my website (<a href="http://jsbin.com/EHAXeWo/2/edit" rel="nofollow">demo</a>):</p>
  
  <pre><code>$("#click-me").click(function(){
    $('html,body').animate({
      scrollTop: window.screen.availHeight
    }, 200);
  });
  </code></pre>
  
  <p>I'm trying to scroll so exactly the height of the page. However, it seems to scroll past this point. I've tried putting in "100%" as a value, but it didn't work.</p>
  
  <p>What is causing this problem, and what should I do to fix it?</p>
  
  <p>Thanks!</p>