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