jenhuls
4/24/2017 - 8:33 PM

ScrollTo Element onClick

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() {});
})