Javascript: ScrollToTop

core.css

.topLink {
  background: url('http://jquerymobile.com/demos/1.2.0/docs/toolbars/glyphish-icons/88-beermug.png') no-repeat; 
  position:fixed;
  width: 30px;
  height: 30px;
  bottom:30px; 
  right:20px;
}

index.html

<a href="#" class="topLink"></a>

scrollToTop.js

$(function() {
    $.fn.scrollToTop = function() {
    $(this).hide().removeAttr("href");
    if ($(window).scrollTop() != "0") {
        $(this).fadeIn("slow")
    }
    var scrollDiv = $(this);
    $(window).scroll(function() {
        if ($(window).scrollTop() == "0") {
          $(scrollDiv).fadeOut("slow")
        } else {
          $(scrollDiv).fadeIn("slow")
        }
    });
    $(this).click(function() {
        $("html, body").animate({ scrollTop: 0 }, "slow")
    })
    }
});

$(function() {
    $(".toplink").scrollToTop();
});