ScrollTo Element onClick
/* ====== SCROLL TO ABOUT SECTION
http://stackoverflow.com/a/29009942/2072877
USAGE:
<span class="scroll-to-contain">
<a id="scroll-to" href="#about"><img src="images/scrollTo.png" alt="Down arrow" /></a>
</span>
====== */
jQuery(document)
.on('click', 'a[href^="#"]', function(e) {
e.preventDefault();
var target = jQuery(this).attr('href');
jQuery('html, body')
.animate({
scrollTop: jQuery(target).offset().top}, 'slow', 'swing', function() {});
})