title: scroll animation link to div
body: <p>So i'm searching for a way to get a smooth scroll animation to a div after clicking on a link. I've tried some tutorials online but I couldn't get it to work. The link has the id "knop", and the div I want to scroll to has the id "over"</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;!--gemaakt door Timo Vossen D01--&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;Home&lt;/title&gt;
    &lt;meta name="keywords" content=""/&gt;
    &lt;meta name="author" content="Timo Vossen"/&gt;
    &lt;meta name="description" content=""/&gt;
    &lt;meta charset="UTF-8"/&gt;
    &lt;link rel="stylesheet" href="home.css" /&gt;
    &lt;link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div id="menu"&gt;
      &lt;img src="img/logo.png" alt="aston martin logo" class="logo"/&gt;
      &lt;img src="img/logo2.png" alt="vanquish logo" class="logo"/&gt;
    &lt;/div&gt;
    &lt;div id="header"&gt;
      &lt;div id="pijl"&gt;
        &lt;a id="knop" href="#over"&gt;&lt;img src="img/pijl.png" alt="pijl" id="pijlfoto"/&gt;&lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div id="over"&gt;
    &lt;/div&gt;
    &lt;div id="specs"&gt;
      &lt;div class="laag"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div id="peformance"&gt;
    &lt;/div&gt;
    &lt;div id="slider"&gt;
      &lt;div class="laag"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div id="footer"&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>