Comment voulez-vous atteindre ce “défilement et la modification de plusieurs image d'arrière-plan” de l'effet?

Je regardais ce site web HTML5, http://www.danhigbie.com, et a trouvé l' "image d'arrière-plan de défilement" fascinante. J'ai regardé à travers son Javascript mais pas trouvé de code de changer l'image d'arrière-plan.

  • Voici un autre (et mieux, je pense), par exemple. nikebetterworld.com/index
  • excellent site phoffer... putain j'ai besoin de savoir comment le faire, que l'image d'arrière-plan de l'effet.. air sacrément cool
InformationsquelleAutor p0larBoy | 2011-02-09
  1. 1

    Enregistrer la page web sur le disque et jouer avec les fichiers better.js et better.cs. L'arrière-plan de défilement est fait dans la better.js fichier en modifiant les classes css (qui sont définies dans better.css)

    • je ne comprends toujours pas. À partir de better.js, seulement "mieux" de la classe et de "défiler" classe sont ajoutés lorsqu'un certain défilement atteint sa hauteur. Aucune autre classe affecte le changement d'arrière-plan. Comment faire la première bg(mur brun) les transits pour la deuxième bg(bleu ciel) à partir du bas?
    InformationsquelleAutor Zabba
  2. 1

    Je suis en utilisant certains jQuery pour changer le fond de positionnement de multiplebgs basé sur la position de défilement. Chaque image d'arrière-plan de l'élément est positionné à partir du haut, avec un pourcentage, cela peut être un peu dur à suivre, car il ya tellement de nombreuses images d'arrière-plan par section. Je prends chaque arrière-plan des éléments de la position verticale de la valeur et de la modifier selon le courant de la position de la barre de défilement. Espérons que cette aide.

    • wow l'homme lui-même! excellent site par la voie~!
    InformationsquelleAutor Dan Higbie
  3. 0

    S'avère que l'effet se fait tout simplement en déclarant le fond de la position des différentes "de la section" fixe. Trouvé un excellent article qui explique comment cet effet des travaux:

    L'icône qui change de couleur lorsque le défilement

    InformationsquelleAutor p0larBoy
  4. 0

    Ici est une bibliothèque javascript qui fait cela pour vous et semble fonctionner très bien:
    http://stolksdorf.github.com/Parallaxjs/

    InformationsquelleAutor joshcartme