Smooth scroll to div

index.html

<a href="#contact" class="smooth">Scroll to #contact</a>

<div id="contact">
  Contact!
</div>

smooth-scroll.js

// Smooth scroll to div
// From https://css-tricks.com/snippets/jquery/smooth-scrolling/
$('.smooth').click(function() {
  if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
    || location.hostname == this.hostname) {

    var target = $(this.hash);
    target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
     if (target.length) {
       $('html,body').animate({
           scrollTop: target.offset().top
      }, 700);
      return false;
    }
  }
});