Automatically detects the hash and scroll smoothly to anchor link with URL hashchange

jquery.smooth-scroll-anchor-link.js

/* 
* Smooth scroll to anchor link
* Automatically detects the hash and scroll smoothly to anchor link with URL hashchange
* Author: Franco Moya - @iamravenous
*/

// If you need more autonomy, 
// You can replace hash detection with a data-attribute
// e.g. $("[data-scroll='smooth']")

$("a[href*='#']:not([href='#'])").click(function(e) {
  e.preventDefault();
  var hash = this.hash;
  var section = $(hash);

  if (hash) { 
    $('html, body').animate({
      scrollTop: section.offset().top
    }, 1000, 'swing', function(){
      history.replaceState({}, "", hash);
    });
  }
});

This only work if hash are on the same page. If you need to load another page with the anchor, it's not working. Here's a quick fix

jQuery("a[href*='#']:not([href='#'])").click(function(e) {

	  var hash = this.hash;
	  var section = jQuery(hash);

	  	if(jQuery(hash).length > 0){
	  		e.preventDefault();
	  

			if (hash) { 
				jQuery('html, body').animate({
				  scrollTop: section.offset().top
				}, 1000, 'swing', function(){
				  history.replaceState({}, "", hash);
				});
			}
		}
	});

`