Décalage de la barre de défilement du navigateur

StackOverflow https://stackoverflow.com/questions/1203503

  •  05-07-2019
  •  | 
  •  

Question

Lorsque vous accédez à la page de mon site Web contenant du contenu supplémentaire, la barre de défilement apparaît à droite, mais il y a un décalage notable vers la gauche pour mon contenu. Vous le remarquez en cliquant sur accueil puis hébergement et retour sur mon site (www.ipalaces.org)

Comment puis-je rendre compte de la barre de défilement du navigateur sur mes pages? Puis-je faire en sorte que la barre de défilement soit toujours visible au moins?

Mon site Web est www.ipalaces.org . Faites-le moi savoir.

Était-ce utile?

La solution

Augmentez votre taille à 101%… ceci forcera la barre de défilement à toujours apparaître. 

body {height:101%}

Autres conseils

Cela dépend du navigateur. 

body {

overflow-y: scroll;
overflow-x: scroll;
overflow: -moz-scrollbars-vertical;

}

Devrait forcer l'affichage des barres de défilement horizontale (overflow-x) et verticale (overflow-y). Bien que je me souvienne, Opera ne respecte parfois pas la déclaration, à moins que ce ne soit sur un élément compris entre <body> (divs et autres).

Modifié en ce qui concerne les commentaires de @ wsanville et de @ BHare.

J'ai testé cela sur IE6, IE7, IE8, Firefox 3 et Chrome, et le moyen simple de garder une barre de défilement verticale toujours visible est tout simplement: 

html { overflow-y: scroll; } 

body {
   overflow: scroll;
}

J'ai eu le même problème avec même le dernier Firefox (3.5). La fonction de débordement m'a sauvé la vie!

Cela semble bien fonctionner pour moi ... 

html {
    overflow-y: scroll;
}

Essayez ceci ... Je sais que c'est moche, mais c'est peut-être le seul moyen. 

#force_scroll { 
    width: 1em; 
    position: absolute; 
    top: 0; 
    bottom: -0.1px; 
    z-index: -1; 
}

Et quelque part dans votre code HTML (de préférence juste avant votre </body>): 

<div id="force_scroll"></div>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top