Javascript 向下滚动时覆盖页面的第一个元素或块

我想达到这样的效果 正如您所看到的，当它滚动时，它会慢慢地覆盖旋转木马，而不是与它一起滚动

我已经尝试使用背景修复，但问题是它里面的元素不会停留在它的位置

---

也许有一种很好的技术可以实现这一点，多亏了这就是所谓的视差滚动。这里是一个如何使用Jquery实现这一点的示例：

// Y axis scroll speed
var velocity = 0.5;

function update(){ 
    var pos = $(window).scrollTop(); 
    $('.container').each(function() { 
        var $element = $(this);
        // subtract some from the height b/c of the padding
        var height = $element.height()-18;
        $(this).css('backgroundPosition', '50% ' + Math.round((height - pos) * velocity) + 'px'); 
    }); 
};

$(window).bind('scroll', update);

另一个例子可能会有所帮助