在滚动条的每个部分更改正文背景

Question

更改每个备用部分的背景图像，以便在用户看到背景图像棒时，背景内容滚动。

This是我要实现的目标的准确示例。

我已经做了三节，我希望前两节对身体有另一个背景，而在那之后又有另一个背景。

我还没有取得任何成就，但是我也不知道该功能怎么称呼。

Answer 1

如果我正确理解任务，那么您需要的主要内容是background-attachment: fixed;。它使背景图像可滚动。

查看stackblitz示例。全部都在app.component.css文件中。

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

Answer 2

请检查此内容。这可能对您有帮助。听到声音是滚动更改颜色的示例。 Link

$(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");
}
});