web-dev-qa-db-fra.com

Défilement CSS désactivé

J'ai rencontré un problème avec l'un de nos sites Web:

Dans IE9, la page comportait une barre de défilement verticale, mais vous ne pouviez pas utiliser la molette de la souris, les touches fléchées, pgup/pgdwn pour faire défiler. Le seul moyen de faire défiler l’opération était de cliquer/maintenir et de déplacer la barre de défilement.

J'ai enlevé ce qui suit du css:

{
    overflow-x: hidden;
}

Ensuite, le défilement a fonctionné comme d'habitude. Quelqu'un at-il rencontré ce? Cela semble étrange car overflow-x devrait cacher la barre de défilement horizontale? Pourquoi cela affecterait-il la verticale?

J'ai essayé ceci sur une page de test et cela fonctionne comme prévu. Donc, ce doit être une combinaison de choses.

csscss3vertical-scrolling
28
Sheff

Essayez d’utiliser l’extrait de code suivant. Cela devrait résoudre votre problème.

body, html { 
    overflow-x: hidden; 
    overflow-y: auto;
}
44
Abhijit Sinha

overflow-x: hidden;
cacherait tout ce qui est sur l’axe des x qui se trouve en dehors de l’élément; il n’y aurait donc pas besoin de la barre de défilement horizontale, elle serait supprimée.

overflow-y: hidden;
cacherait tout ce qui se trouve sur l’axe des y qui se trouve en dehors de l’élément. La barre de défilement verticale n’est donc pas nécessaire et elle est supprimée.

overflow: hidden;
enlèverait les deux barres de défilement

16
Martin

J'utilise iFrame pour insérer le contenu d'une autre page et CSS mentionné ci-dessus ne fonctionne pas comme prévu. Je dois utiliser le paramètre scrolling = "no" même si j'utilise HTML 5 Doctype

2
Roman