Покрытие первого элемента или блока страницы при прокрутке вниз

Question

Я хотел добиться такого эффекта http://www.offset.com/ , как вы можете видеть, когда он прокручивает его, медленно закрывая карусель, а не прокручивая его.

Я попытался с помощью фона фиксированного, но проблема в том, что элементы внутри него не будет оставаться в своем положении

Может быть, есть хорошая техника в достижении этой цели, спасибо

Answer 1

это называется параллакс скроллинга здесь является примером того, как сделать это с помощью Jquery:

Live Demo

// 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); 

другой пример может помочь DEMO