[AJAX] Un scroll horizontal sur mobile

Bonjour,

la page que je code utilise la technologie AJAX, en fait il y a plusieurs div sur la page concernée et ces div, en CSS d'abord on leur met une image de fond en position absolute, puis en jQuery on leur fait prendre 100% de width et de height puis on les met à droite de l'écran (on fait un left égal à la largeur de l'écran) et quand on clique sur un item du menu hamburger sur mobile on fait un animate qui ramène la div concernée à left égal 0, d'où l'impression d'une nouvelle page chargée qui glisse depuis la droite.

Et bien en testant sur iphone, j'ai une barre de défilement horizontale en bas qui lorsqu'on s 'en sert fait aller le visiteur sur la div que l'on a positionné à droite (en faisant un left égal à la largeur de l'écran je vous le rappelle) c'est très embêtant car on ne devrait pas avoir accès à cette div que l'on a mis intentionnellement à droite dans le but de la faire glisser depuis la droite par la suite.

Comment supprimer cette barre de défilement sur mobile?

Merci

Yop,

Si elles ne les ont pas, placer les div dans un conteneur unique à qui tu donnes une largeur égale au viewport, et un overflow-x: hidden;