web-dev-qa-db-fra.com

Masquer la barre de défilement dans IE

Dans notre application pour l'interface utilisateur, nous utilisons des faces JSF ou Prime pour cela. Nous aimerions masquer la barre de défilement de notre application, mais nous avons du mal à y parvenir dans Internet Explorer (nous utilisons IE7).

Existe-t-il un moyen d'empêcher l'affichage de la barre de défilement dans Internet Explorer? J'ai essayé de mettre overflow: hidden; en CSS, mais cela ne fonctionne pas.

J'ai essayé presque tous les nœuds du DOM et défini width/height sur 100%, avec margin: 0px, padding: 0px. Semble fonctionner très bien dans Firefox, mais cela ne fonctionne pas dans IE7?

htmlcssinternet-explorer-7
34
Vikas Soni

Si quelqu'un a encore besoin d'une solution, celle-ci a fonctionné pour moi:

.container{
    -ms-overflow-style: none;
    overflow: auto;
}

Cette modification permet de faire défiler le conteneur et masque les barres sur IE.

Testé sur IE 10 && 11.

Référence

77
Crisoforo Gaspar

Difficile à dire sans voir le code! Cela dit, vous pouvez essayer d'utiliser les "attributs étendus" que Microsoft a introduits pour Internet Explorer.

<body scroll="no">

MODIFIER:

Vous pouvez également essayer de définir la propriété de débordement de la page html en CSS comme ça.

html, body { overflow: hidden; }
19
Fraser

Ce CSS fonctionne pour moi à la fois dans Chrome et IE 10:

/* Oculta la scroll-bar pero sigue permitiendo hacer scroll con el mouse */
    body::-webkit-scrollbar { display: none;  }
    html, body { -ms-overflow-style: none; overflow: auto; }
6
Jhollman

Vous pouvez utiliser ce code l'implémenter dans le corps -

body { overflow-x:hidden; }

Sinon, regardez dans la mise en page et voyez si un conteneur a une largeur fâcheuse de quelque chose qui rend la mise en page un peu étirée ...

3
SaurabhLP

Assurez-vous que IE n'est pas en mode de compatibilité avant de vous battre en essayant overflow:hidden;

2
curt