javascript - 使用 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"
})

Live Demo