滚动浏览背景，同时一个背景保持固定以进行多次滚动

Question

我想达到以下效果：

首次加载页面时，会显示带有background1.png的div。 当用户开始滚动时，对于定义的滚动移动量，此div保持可见并固定。
当这些动作结束时，滚动＆＃34;继续＆＃34;并且第二个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之间的平滑过渡。

Answer 1

使用background-position: fixed

即使滚动

，也可以让背景保持在同一个位置

这是一个展示这个http://jsfiddle.net/qTutn/

的小提琴

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