jquery - 滚动背景，同时一个背景在多个滚动 Action 中保持固定

enter image description here

我想实现如下效果:

当页面首次加载时，会显示带有 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开头，当滚动到一定的时候值(value)，
我使 div 静态。但是，这不会实现两个 div 之间的平滑过渡。

最佳答案

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

这里有一个 fiddle 演示 http://jsfiddle.net/qTutn/

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

关于jquery - 滚动背景，同时一个背景在多个滚动 Action 中保持固定，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21191787/