Question

I’m trying to figure out how to make a background image scroll slower than the page contents. I haven’t got a clue how it’s done. The perfect example of what I’m trying to do is here

Is this done in CSS or jQuery/Javascript?

Answer 1

This is made by javascript (jQuery):

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