$.fn.scrollView = function () {
    return this.each(function () {
        $('html, body').animate({
            scrollTop: $(this).offset().top
        }, 1000);
    });
};

$(function() {
    /**
     * Scroll to the top
     */
    $("#to-the-top").on("click", function(e) {
        e.preventDefault();
       $('header').scrollView();
    });
});