// функция, которая выполнится по событию DOMReady
$(function(){
// обработчик события 'scroll' у объекта window, проще говоря - при скролле страницы
$(window).scroll(function(){
// смещение относительно начала (верха) страницы. по идее в пикселях
var scrolled = $(window).scrollTop();
// $('.go-top') - выбрать элементы с классом go-top, .fadeIn('slow') - показать их, медленно
if (scrolled > 200) $('.go-top').fadeIn('slow');
if (scrolled < 200) $('.go-top').fadeOut('slow'); // либо скрыть, соответственно
});
// обработчик события 'click' у объектов с классом go-top
$('.go-top').click(function () {
// Никогда не понимал зачем оба селектора, выбирает элементы html и body
// Выставляет им свойство scrollTop в 0, то есть в начало (верх) страницы с временем выполнения 200мс
$("html, body").animate({ scrollTop: "0" },200);
});
});
Поправьте, если где-то ошибся.