Scrolling down on click
<p>When I click on my image (it is a down arrow) it scrolls down smoothly just like I want, but it seems like it doesn't scroll far enough.</p>

<p>My scroll goes down to 90% of my header but still shows the 10% remaining.</p>

<p>How is that possible?</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {
  $('.js-scrollTo').on('click', function() {
    var page = $(this).attr('href');
    var speed = 700;
    $('html, body').animate( { scrollTop: $(page).offset().top }, speed );
    return false;
  });
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;

&lt;body&gt;
  &lt;div id="global"&gt;
    &lt;header&gt;
      &lt;nav&gt;
        &lt;ul&gt;
          &lt;li id="acceuil"&gt;&lt;a href="index.html"&gt;ACCEUIL&lt;/a&gt;&lt;/li&gt;
          &lt;li id="tarif"&gt;&lt;a href="tarif.html"&gt;TARIF&lt;/a&gt;&lt;/li&gt;
          &lt;li id="livraison"&gt;&lt;a href="livraison.html"&gt;LIVRAISON&lt;/a&gt;&lt;/li&gt;
          &lt;li id="suivi"&gt;&lt;a href="suivi.html"&gt;SUIVI&lt;/a&gt;&lt;/li&gt;
          &lt;li id="contact"&gt;&lt;a href="contact.html"&gt;CONTACT&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
        &lt;div id="down"&gt;&lt;a class="js-scrollTo" href="#down"&gt;&lt;img src="http://etu07.heff-technique.be/bicyolis/down-arrow.gif" alt="arrow" width="70" height="35"&gt;&lt;/a&gt;&lt;/div&gt;
      &lt;/nav&gt; 
    &lt;/header&gt;
    &lt;main&gt;
      &lt;div class="presentationimg"&gt;
        &lt;div id="pic1"&gt;&lt;p&gt;Le service de livraison&lt;br&gt; de lettres et colis&lt;br&gt; ultra-rapide à Bruxelles&lt;/p&gt;
          &lt;img src="http://etu07.heff-technique.be/bicyolis/cyclingv2.gif" alt="picto1" width="500"&gt;&lt;/div&gt;&lt;br&gt;
        &lt;div id="pic2"&gt;&lt;p&gt;Nos livraisons sont effectuées&lt;br&gt; dans les 19 communes de Bruxelles&lt;br&gt; en moins de 24 heures&lt;/p&gt;
          &lt;img src="http://etu07.heff-technique.be/bicyolis/vespa.gif" alt="picto2" width="500"&gt;&lt;/div&gt;
        &lt;div id="pic3"&gt;&lt;p&gt;Nous utilisons uniquement&lt;br&gt; des vélos, vélos électriques&lt;br&gt; et scooter électriques&lt;/p&gt;
          &lt;img src="http://etu07.heff-technique.be/bicyolis/bicycle-elec.gif" alt="picto3" width="500"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="slider"&gt;
        &lt;p&gt;Livraison de lettres et colis à domicile&lt;/p&gt;
        &lt;p&gt;Sans pollution&lt;br&gt;Sans émission de CO2&lt;br&gt; et à petit prix!&lt;/p&gt;
      &lt;/div&gt;  
    &lt;/main&gt;
    &lt;footer&gt;&lt;/footer&gt;
  &lt;/div&gt;
&lt;/body&gt;</code></pre>
</div>
</div>
</p>