title: Maintain scroll position after submit
body: <p>I’m using <a href="http://codepen.io/anon/pen/tcDGr?editors=100" rel="noreferrer">this</a> as basis for my website. Under the link <code>Contact</code> I put contact form with PHP validation to check if user has filled in the fields properly.  After the submit button is clicked, either: </p>
  
  <ol>
  <li>the validation message  (e.g.  “Sorry, your name is a required field” etc) is displayed, or</li>
  <li>the message “Thank you for filling out the form” (if all the fields were filled properly ) is displayed. </li>
  </ol>
  
  <p>However, the page then jumps back to the first page, showing the “About” page.  If you navigate back to “Contact” page you can see the messages. This is very annoying.  </p>
  
  <p>Example of my attempts can be found <a href="http://webinspiration.net78.net/Codepen4/index.php" rel="noreferrer">here</a>:  </p>
  
  <p>I'm a beginner in this field and any hint or tip where to look further would be much appreciated. </p>