11477 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,

De plus en plus souvent, on trouve des pages dont le contenu s'anime, se déplace, bref s'active lors du scroll
Voici quelques exemples:
http://www.nic.ovh/
http://www.spok.fr/#start

Quelle est selon la meilleure approche pour mettre en place ce type d'effet ? jquery + css ? canvas ?

Avez vous deja discuté de ceci, je n'ai pas trouvé

Merci à tous pour vos retours
Bonjour,

Si ceci peut éventuellement correspondre à spok, j'ai l'impression que l'effet visible sur le nic.ovh est différent (je parle de la timeline en bas avec le trait qui avance avec le scroll)

Merci
Modifié par PCeServices (03 Oct 2014 - 13:12)
Je veux pas être lourd mais si tu regardes dans les dépendances c'est bien skrollr qui est utilisé:

 
var s = skrollr.init({
                        smoothScrolling: true,
                        mobileDeceleration: 0.004
                    });
En effet tu as raison Smiley confused
Ils utilisent donc des div vides qu'ils déplacent, étirent etc etc au fil du scroll

Des div vides, c'est pas en désaccord avec les bonnes pratiques de l'intégration ?

J'en reviens à la question, est il préconisé de faire ainsi ou bien de passer par d'autres méthodes tel canvas ou autre ?