使用Javascript（jQuery）的深度效果

Question

有沒有人知道（如在http://james.padolsey.com/中 ）上身層如何以更快的速度滾動，而背景以較慢的速度滾動，使其產生深度效果？

我可以使用類似的概念實現多個層（超過2個）以不同的速度滾動嗎？

Answer 1

下面是執行此操作的代碼。 我沒有寫它，只是看着他的來源並得到它。

var a = document.body,
    e = document.documentElement;
$(window).unbind("scroll").scroll(function () {
    a.style.backgroundPosition = "0px " + -(Math.max(e.scrollTop, a.scrollTop) / 8) + "px"
})

現場演示

Answer 2

我沒有在源代碼中找到代碼，但我合理地重新創建了代碼：

$(window).scroll(function(e){
    $('body').css('background-position', 
                  '0 ' + parseInt($(this).scrollTop()*0.5,10) + 'px');
});

演示→