滚动背景，而一个背景在几个滚动动作中保持固定答案

【问题标题】：Scroll through backgrounds while one background stays fixed for several scroll movements滚动背景，而一个背景在几个滚动动作中保持固定
【发布时间】：2017-09-04 01:25:01
【问题描述】：

我想达到如下效果：

当页面首次加载时，会显示带有 background1.png 的 div。当用户开始滚动时，对于定义的滚动移动量，此 div 保持可见和固定。
当这些动作结束时，滚动“继续”并且第二个 div 开始出现。

编辑：我正在添加一个我尝试过的天真的解决方案，不确定它是否朝着正确的方向发展：

$(function() {  

    var staticSet = false;

    $(window).scroll(function() {            

        var currentScroll = $(window).scrollTop(); 

        if(currentScroll > '589' && staticSet==false){      
            staticSet = true;
            $('.calder').css('position','static');                                                              
        };                                                              
    });     
});

Basiclay，第一个div以position:fixed开头，当滚动到一定价值,
我将 div 设为静态。但是，这不会实现两个 div 之间的平滑过渡。

【问题讨论】：

标签： jquery html css scroll css-position

【解决方案1】：

使用background-position: fixed，即使滚动也可以让背景保持在同一位置

这里有一个小提琴演示这个http://jsfiddle.net/qTutn/

但我不确定这是否能解决您的问题..

【讨论】：

谢谢。我知道固定。我尝试在滚动事件中使用它，但是背景之间的过渡并不顺畅。