title: Incorrect height with scrollTop
body: <p>I'm trying to count the number of pixels user has scrolled, but the total than scrollTop shows is different from the sum of the different window's height defined.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;body&gt;
  &lt;div class="slide slide1"&gt;
  &lt;/div&gt;
  &lt;div class="slide slide2"&gt;
  &lt;/div&gt;
  &lt;div class="slide slide3"&gt;
  &lt;/div&gt;
  &lt;div class="slide slide4"&gt;
  &lt;/div&gt;
  &lt;div class="slide slide5"&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>html, body {
      height: 100%;
  }
  
  .slide {
      width: 100%;
      height: 100%; 
  }
  
  .slide1 {
      background: red;
  }
  
  .slide2 {
      background: blue;
  }
  
  .slide3 {
      background: yellow;
  }
  
  .slide4 {
      background: green;
  }
  
  .slide5 {
      background: gray;
  }
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$(document).ready(function(){
  
          $(window).scrollTop($(document).height());
  
          $('h2').text($(window).height() + 'px');
          $('h1').text($(document).scrollTop() + 'px');
  
          $(window).scroll(function () {
              $('h1').text( $(this).scrollTop() + 'px');
          });
  });
  </code></pre>
  
  <p><strong>Fiddle</strong>: <a href="https://jsfiddle.net/w9bxhsvj/2/" rel="nofollow">https://jsfiddle.net/w9bxhsvj/2/</a></p>
  
  <p>For example, if the window height is 611px, and there are 5 divs with height 100%, the <em>scrollTop</em> value should be 3055px, but it shows 2452px. ¿What am I doing wrong?</p>