title: Scrollbar not scrolling completely down the page
body: <p>I have this minor issue. I have a main div with class <code>scroll</code>. I have several other input parameters where I take input from the user. This inputs fills up the entire page vertically. </p>
  
  <p>Now I minimize the screen with Chrome minimize button. (i.e. restore down button). The page gets shrinked and a scrollbar shows up since it is set to <code>overflow:scroll</code>. </p>
  
  <p>Now the problem is that it does not scroll till the end of the page. suppose there are 20 input parameters and when I minimize, I can scroll up to 18th input parameter only. Scrollbar doesn't go beyond 18 and hides the last 2 so the viewer is not able to see. </p>
  
  <pre><code>&lt;div class="scroll"&gt;
  &lt;/div&gt;
  &lt;!-- Added this extra div below and now able to scroll the last 2 parameters as well --&gt;
  &lt;div style="height:50px;"&gt;
  &lt;/div&gt;
  
  .scroll {
  height:100%;
  overflow:scroll; 
  }
  </code></pre>
  
  <p>Can someone please let me know if I did anything wrong. </p>