back-to-top.js

(function(window, $, undefined) {
    var $window = $(window);
    
/**
 * Show or hide the button depending on the scroll position.
 */
function animateButton() {
    var button = $('#back-to-top');
    var scrollPosition = $window.scrollTop();
    if (scrollPosition > 400) {
        button.fadeIn();
    } else {
        button.fadeOut();
    }
}

/**
 * Create the button and append it to the body.
 */
$(function () {
    $('<a id="back-to-top">Back to Top</a>')
        .click(function () {
            $('html,body').animate({
                scrollTop: 0
            }, 1200);
            return false;
        })
        .appendTo($('body'));
});

/**
 * Run the animateButton function on window resize, scroll, and load.
 */
$window.resize(animateButton)
       .scroll(animateButton)
       .load(animateButton);

})(window, jQuery);