Se connecter

Informatique

Programmation

Sujet : [JS] Alterner scroll Horizontal et vertical
1
Cofran
Niveau 6
18 septembre 2021 à 08:41:00

Salut,
Pour commencer je m'excuse, je n'ai pas réussi à incorporer mon code ici .
Pour mon site, je cherche à mixer scroll horizontal et vertical, j'ai trouvé un codepen qui fait exactement ce que je souhaite cependant je n'arrive pas à le comprendre ni à la mettre en place sur mon site en React.

Voici le code pen
https://codepen.io/alvarotrigo/pen/VwWMjVp

Il me semble que le codepend "bug" (ou est mal codé, possible) ,sur le premier scroll Horizontal , une fois arrivé à la dernière section " The End " , le scroll repasse en vertical sans atteindre la fin de la division "main".
Aussi, si j'augmente la width (css ) des divisions "section" de 50 vw à 100vw , alors la c'est la catastrophe...il ne s'affichera uniquement 2 sections sur la 4 dans le scroll horizontal.

Pourtant dans le Js on récupère la width (function setStickyContainersSize ligne 18), mais il ne s'adapte pas aux nouvelles dimensions ..

Est ce que quelqu'un pourrait m'aider à régler mon problème?

En vous remerciant :coeur:

Cofran
Niveau 6
18 septembre 2021 à 21:36:00

Petit up ,

J'ai continué a y réflechir, j'ai décidé de partir "from scratch" , voila ou j'en suis pour le moment : https://codepen.io/cvzfranco/pen/ZEyxWYg

N'hésitez pas à me dire ce que vous en pensez et m'aiguiller .

:coeur:

1
Sujet : [JS] Alterner scroll Horizontal et vertical
   Retour haut de page
Consulter la version web de cette page