Yop !

Dans le cadre de mon stage, je dois créer un système spécial de scroll pour un site type one-page. Celui-ci comporte 3 parties (= écrans)

Grosso modo, on peut scroll normalement jusqu'à la fin du second écran. Arrivé là, à chaque fois qu'on scroll, les éléments d'une liste à puce se rajoutent les un après les autres (il y en a 3).

Une fois le 3éme élément placé, le prochain scroll revient normalement et on descend sur le 3éme écran (un formulaire avec des infos complémentaire).

Une idée de comment faire ça ? Je ne sais pas comment s'appel cette effet, j'ai une solution en tête mais ça me semble bourrin, j'aimerais bien évaluer toute les autres pistes.

Merci !

Help ?

Parallax ? https://www.epicurrence.com/

Nop ce n'est pas du parallax, vu que je ne dois pas changer la position d'éléments au scroll mais bloquer le scroll à certains éléments. La barre de défilement ne devrait même pas bouger, si possible...

Ça n'a pas vraiment de nom... même si je pense qu'on s'y réfère en tant que "Scroll Jail". J'ai dû faire ça pour le site d'un client (plus ou moins le même principe que ce que tu énonces), et j'ai codé ça assez facilement :

- tu récupères/calcules les seuils de verrouillages/dévérrouillages
- tu mets un listener sur l'événement scroll, qui retournera true ou false en fonction de l'état de verrouillage

C'est pas compliqué, mais en fonction de ce que tu veux faire, c'est complexe (pasque tu dois jouer avec les chiffres et en déduire quelques formules qui s'appliqueront à ce que tu veux).

si tu as le droit d'utiliser un pluggin, utilise fullpage.js

il me semble que c'est le genre d'effet que tu souhaite, cependant si c'est un TD pas sur que tu puisse utiliser la bibli

Le 30 novembre 2016 à 12:15:14 lisarael a écrit :
Ça n'a pas vraiment de nom... même si je pense qu'on s'y réfère en tant que "Scroll Jail". J'ai dû faire ça pour le site d'un client (plus ou moins le même principe que ce que tu énonces), et j'ai codé ça assez facilement :

- tu récupères/calcules les seuils de verrouillages/dévérrouillages
- tu mets un listener sur l'événement scroll, qui retournera true ou false en fonction de l'état de verrouillage

C'est pas compliqué, mais en fonction de ce que tu veux faire, c'est complexe (pasque tu dois jouer avec les chiffres et en déduire quelques formules qui s'appliqueront à ce que tu veux).

Bien, c'est comme ça que je pensais faire J'avais juste peur niveau performance/expérience utilisateur que ça foire un peu.

Le 30 novembre 2016 à 14:35:02 poupstm2 a écrit :
si tu as le droit d'utiliser un pluggin, utilise fullpage.js

il me semble que c'est le genre d'effet que tu souhaite, cependant si c'est un TD pas sur que tu puisse utiliser la bibli

Je vais regarder ça aussi, même si je partirais sur un truc homemade sans doute. Quant au droit, je suis en stage donc je sais pas comment ça joue là-dessus ...

Le 01 décembre 2016 à 09:38:30 3615_mylife a écrit :
Bien, c'est comme ça que je pensais faire J'avais juste peur niveau performance/expérience utilisateur que ça foire un peu.

Sincèrement, ça risque. Les clients et/ou les graphistes croient que c'est une super idée, mais au niveau ergo, c'est toujours un peu moche/non-intuitif.