Discussion :

[abc.xyz]

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

[ryan]

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;