Объясните плз, как и когда используют этот обработчик или метод это, в общем какой толк от него, был бы безумно счастлив увидеть это на примере)
Его применяют когда определенные действия должны происходить во время прокрутки страницы с помощью скролла, вот пример:
$("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 пикселей, это для того что бы увеличить пространство страницы в высоту, и что бы можно было проскроллить.