Как использовать scroll в JQuery?

Объясните плз, как и когда используют этот обработчик или метод это, в общем какой толк от него, был бы безумно счастлив увидеть это на примере)

Его применяют когда определенные действия должны происходить во время прокрутки страницы с помощью скролла, вот пример:


$(
"p").clone().appendTo(document.body);
$("p").clone().appendTo(document.body);
$(window).scroll(function () {
$(
"span").css("display", "inline").fadeOut("slow");
});

Первая часть кода это скрипт, первые две строки которого дублируют содержание параграфов, что бы сделать их больше и что бы страницу можно было пролистать, в случае скролла срабатывает функция, затем выбираются все блоки span и к ним применяется метод JQuery css с помощью которого мы задаем display:inline и делаем плавное «увядание» того что в блоке span.

Попробуй пролистать страницу
Paragraph - Scroll happened!

Это происходит из за функции которая привязана к скролу

Это собственно текстовая содержимая, которая дублируется и часть которой пропадает при скролле

p {
margin-bottom: 200px;
}

Последний блок задает отступ вниз всем параграфам на 200 пикселей, это для того что бы увеличить пространство страницы в высоту, и что бы можно было проскроллить.