weboos
2/26/2016 - 4:58 PM

Smooth Scroll to Anchor (from CSS-Trics)

Smooth Scroll to Anchor (from CSS-Trics)

<!-- Smooth Scroll to Anchor -->
<a href="#contacts"></a>
<!-- link to anchor -->

<span id="contacts"></span>
<!-- anchor -->

$(document).ready(function() {
  $(function() {
    $('a[href*="#"]:not([href="#"])').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
          }, 1000);
          return false;
        }
      }
    });
  });
});