CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[JS] Alterner scroll Horizontal et vertical

Cofran
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
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:

Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Steam Deck
  • Hardware
La vidéo du moment