Изменить фон тела в каждом разделе прокрутки

Question

Измените фоновое изображение для каждого альтернативного раздела так, чтобы, когда пользователь увидел флеш-фоновое изображение и прокручивал содержимое над ним.

Этот является точным примером того, что я пытаюсьчтобы достичь.

Я взял три секции и хочу, чтобы у первых двух был другой фон для тела, а после этого еще один фон.

Я еще ничего не достиг, но я тожене знаю, как назвать эту функцию.

Answer 1

Если я правильно понимаю задачу, главное, что вам нужно - background-attachment: fixed;. Это делает фоновое изображение прокручиваемым.

Посмотрите на пример со стеком. Это все в файле app.component.css.

https://stackblitz.com/edit/angular-ppesf3

Answer 2

Пожалуйста, проверьте это. Это может помочь вам. Слышать пример изменения цвета на свитке. Ссылка

$(window).on("scroll", function() {
if($(window).scrollTop() > 800) {
    $(".header").addClass("active");
} else {
    //remove the background property so it comes transparent again (defined in your css)
   $(".header").removeClass("active");
}
});