Smooth scroll to an element with jQuery

js-smooth-scroll.js

/// Usage: (HTML)
/// 
/// <a data-smooth-scroll href="#section1">Section 1</a>
///
/// <div id="section1">This is section 1</div>


$(document).ready(function() {

    $('a[href^="#"][data-smooth-scroll]').on('click', function(event) {
        var href = $(this).attr('href');
        var target = $(href);
        if (href.length && target.length > 0) {
            event.preventDefault();
            var navHeight = $('.navbar.navbar-fixed-top').height();

            $('html, body').animate({
                scrollTop: target.offset().top - navHeight
            }, 500);
        }
    });

});