Je me demande comment il est possible d'afficher en permanence la barre verticale d'un div (en grisé s'il n'y a pas de défilement) comme nos barres habituelles. En fait, j'essaie de placer un site web entier dans un div (comme gmail/facebook), de sorte que si la page n'est pas assez longue, toute la page se déplace en raison de l'absence de la barre de défilement verticale.
J'ai besoin d'une solution à ce problème. J'ai essayé overflow-y:scroll. Mais cela ne semble pas fonctionner du tout.
Dans quel navigateur faites-vous vos tests ?
Quel DOCType avez-vous défini ?
Comment déclarez-vous exactement votre CSS ?
Êtes-vous sûr de ne pas avoir oublié un ;
avant/après le overflow-y : scroll
?
Je viens de tester ce qui suit dans IE7 et Firefox et cela fonctionne bien.
<-- Barre de défilement présente et activée lorsque plus de contenu -->
Avez-vous essayé overflow-y:auto
? Ce n'est pas exactement ce que vous voulez, car la barre de défilement n'apparaîtra qu'en cas de besoin.
Toujours : Si vous voulez toujours une barre de défilement verticale, utilisez overflow-y : scroll;
.
[jsFiddle :](
)<div style="overflow-y: scroll;">
......
</div>
Au besoin : Si vous ne voulez la barre de défilement verticale que lorsque c'est nécessaire, utilisez overflow-y : auto;
(Vous devez spécifier une hauteur dans ce cas).
[jsFiddle :](http://jsfiddle.net/xEy9E/273/)
<div style="overflow-y: auto; height:150px; ">
....
</div>