Show and hide a scroll to top of page button, depending on where you are on the page.

scroll-to-top.js

$(window).scroll(function() {
    if ($(this).scrollTop()) {
        $('#toTop:hidden').stop(true, true).fadeIn();
    } else {
        $('#toTop').stop(true, true).fadeOut();
    }
});

$(document).ready(function(){
    $('#toTop').fadeOut();
    
    $('#toTop').click(function(){
        $('html, body').animate({
          scrollTop: $( $.attr(this, 'href') ).offset().top
        }, 500);
        return false;
    });
});