Overflow-x:hidden ne fonctionne pas sous Chrome
J'ai appliqué cette propriété pour les éléments: body
et html
et encore Chrome me permettra de faire défiler sur l'axe des abscisses.
Je l'ai testé dans Safari et Firefox, et l'axe des x, le défilement est désactivé...
Ce que quelqu'un sait ce que je suis absent?
N. B. à l'Aide de overflow: hidden
fonctionne, mais j'aimerais que les gens soient en mesure de faire défiler sur l'axe des y.
Merci!
- Il fonctionne très bien pour moi en Chrome, consultez -> jsfiddle.net/H84pr
- Semble comme il a été résolu alors! Ce n'était certainement pas de travailler quand j'ai posté ça 😛
- Selon SOCIÉTÉ,
overflow-x
fonctionne dans Chrome à partir de la version 1.0. Peut-être que cela a été interrompue pour quelque temps dans certaines versions (c'est assez typique pour Chrome à avoir d'étranges bugs introduits dans une version fixe et dans une autre).
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser
Il semble que le problème n'existe plus grâce à
@Nelson
le rappeler.Vous pouvez voir le code fonctionne correctement ici: http://jsfiddle.net/H84pr
html { overflow-x: hidden; }
.Je viens de rencontré ce problème lorsque vous essayez de cacher certaines images que j' /su/serait plus large que le corps mobile.
À l'origine, je devais simplement:
body { overflow-x: hidden; }
Cela n'a pas fonctionné dans Chrome, mais il l'a fait dans IE 10.
Toutefois, si vous aussi ajouté:
html { overflow-x: hidden; }
Les images ont été correctement cachés dans les deux navigateurs.