Smooth Scroll Anchor jQuery

smooth-scroll-to-anchor.js

// Better way
function scrollToTarget(target, shift = 0, timing = 500) {
 $('html, body').animate({
  scrollTop: $(target).offset().top + shift
 }, timing);
}

// Same as above but with IE friendly default parameters
function scrollToTarget(target, shift, timing) {
  if (typeof shift == 'undefined') {shift = 0}
  if (typeof timing == 'undefined') {timing = 500}
  $('html, body').animate({
    scrollTop: $(target).offset().top + shift
  }, timing, 'easeOutCirc');
}

// Or attach to window object for global access
window.scrollToTarget = function(target, shift = 0, timing = 500) {
 $('html, body').animate({
  scrollTop: $(target).offset().top + shift
 }, timing);
}



// Older way
$('.smooth-scroll').click(function(e){
 e.preventDefault();
 var target = $(this).attr("href");
 $('html, body').animate({ scrollTop: $(target).offset().top - 50 }, 500);
});