Défilement lent en Javascript ou en CSS?

Je suis à essayer de comprendre comment faire une image d'arrière-plan de défilement plus lent que le contenu de la page. Je n'ai pas la moindre idée de comment c'est fait. Le parfait exemple de ce que je suis en train de faire est ici

Est de ce fait en CSS ou jQuery/Javascript?

source d'informationauteur

  1. 15

    C'est fait en 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";
    });
})();
  2. 0

    L'effet sur le lien que vous avez posté est fait en Javascript à l'aide de jQuery.

    Si vous examinez le code d'un script du site icivous pouvez trouver:

    .style.backgroundPosition="0px "+-(Math.max(e.scrollTop,a.scrollTop)/8)+"px"

    Pratiquement, la background-position propriété CSS est modifié sur la page de défilement calcul de l'axe Y en fonction de la position de défilement de page. Si vous avez une certaine connaissance de Javascript, jQuery ou Mootools, vous pouvez reproduire l'effet très facilement.

    Je pense que c'est impossible de le faire en utilisant uniquement CSS.

  3. 0

    Celui-ci travaille pour la haute bg images.

    (function () {
        var body = document.body,
                e = document.documentElement,
                scrollPercent;
        $(window).unbind("scroll").scroll(function () {
            scrollPercent = 100 * $(window).scrollTop() / ($(document).height() - $(window).height());
            body.style.backgroundPosition = "0px " + scrollPercent + "%";
        });
})();