Bonjour à toutes et tous,
C'est vraiment une question de newbee, sans même un bout de code à vous montrer
Mais c'est effectivement le démarrage qui me fait souci : j'aimerais trouver la structure qui convient pour recréer le principe des volets horizontaux (pur CSS si possible, sinon quelques pistes Jquery éventuellement en complément....)) :
C'est un système accordéon un peu comme ça :
http://method.digital/
ou
http://mariannerestaurant.com/
(idée générale)
Avec le fonctionnement suivant :
En scrollant vers le bas, on a
- une première div de fond qui scrolle jusqu'à un certain point puis s'arrête
- en continuant le scroll, une seconde div remonte et recouvre de bas en haut la 1ère, jusqu'en haut puis s'arrête
- et en continuant, une 3e recouvrant la 2e, etc...
J'ai essayé de trouver quelques références qui donnent des idées de structures, sans succès. Donc si vous avez quelques liens avec des exemples de bonnes pratiques, ce serait super. Je me débrouille ensuite.
D'avance merci !
V
Modifié par V@lerie (12 Nov 2016 - 21:29)
C'est vraiment une question de newbee, sans même un bout de code à vous montrer
Mais c'est effectivement le démarrage qui me fait souci : j'aimerais trouver la structure qui convient pour recréer le principe des volets horizontaux (pur CSS si possible, sinon quelques pistes Jquery éventuellement en complément....)) :C'est un système accordéon un peu comme ça :
http://method.digital/
ou
http://mariannerestaurant.com/
(idée générale)
Avec le fonctionnement suivant :
En scrollant vers le bas, on a
- une première div de fond qui scrolle jusqu'à un certain point puis s'arrête
- en continuant le scroll, une seconde div remonte et recouvre de bas en haut la 1ère, jusqu'en haut puis s'arrête
- et en continuant, une 3e recouvrant la 2e, etc...
J'ai essayé de trouver quelques références qui donnent des idées de structures, sans succès. Donc si vous avez quelques liens avec des exemples de bonnes pratiques, ce serait super. Je me débrouille ensuite.
D'avance merci !
V
Modifié par V@lerie (12 Nov 2016 - 21:29)