supprimer ou masquer la barre de défilement horizontale

Question

Je fichier css qui déclare l'icône de chargement comme

#loading { 
    display: block; 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    background-image: url('loading.gif'); 
    background-position: center; 
} 

Et il fonctionne le chargement parfaitement icône apparaît jusqu'à ce chargement de la page, mais pendant que l'icône de chargement est affiché je vois barre de défilement horizontale, qui disparaît après charges de page. Puis-je masquer ou supprimer la barre de défilement horizontale lorsque l'icône de chargement est affichée?

Answer 1

Essayez d'utiliser overflow-x: hidden. Cela cacherait la barre de défilement horizontale. L'utilisation de overflow: hidden masquerait la barre de défilement verticale et horizontale.

Answer 2

#loading { 
    display: block; 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    background-image: url('loading.gif'); 
    background-position: center; 
    overflow: hidden; 
} 

Answer 3

propriété CSS overflow: hidden; cache tous les rouleaux et désactive tout défilement comme je sais.

Answer 4

S'il vous plaît essayer d'ajouter le CSS suivant à votre page:

body { 
    overflow-x: hidden; 
} 

Espoir j'ai aidé;)

Answer 5

Utilisez overflow-x:hidden; pour cacher barre de défilement horizontale.

#loading { 
    display: block; 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    background-image: url('loading.gif'); 
    background-position: center; 
    overflow-x: hidden; 
}