86 votes

Comment toujours afficher la barre de défilement verticale dans un navigateur ?

Je veux toujours afficher la barre de défilement verticale dans ma page Web. Est-il possible d'utiliser javascript ? Je pense que c'est possible en utilisant javascript ou jQuery. Je veux une barre de défilement verticale indiquant s'il y a suffisamment de contenu à afficher ou non.

merci.

162voto

Coin_op Points 4570

jQuery ne devrait pas être requis. Vous pouvez essayer d'ajouter le CSS :

body    {overflow-y:scroll;}

Cela fonctionne sur les derniers navigateurs, même IE6.

58voto

molls223 Points 1036

Juste une note : Dans OS X Lion, le débordement défini sur "défilement" se comporte plus comme auto dans que les barres de défilement ne s'afficheront que lors de l'utilisation. Ils disparaîtront lorsqu'ils ne sont pas utilisés. Donc, le cas échéant, les solutions ci-dessus ne semblent pas fonctionner qui pourrait être pourquoi.

Voici ce dont vous aurez besoin pour le réparer :

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

Vous pouvez le coiffer en conséquence.

16voto

Júlio Santos Points 2638

Il suffit d'utiliser CSS.

body {
  overflow-y: scroll;
}

3voto

jambox Points 464

définissez la propriétéoverflow d'un contenant div à scroll.

3voto

megha Points 77

essayez d'appeler une fonction sur la méthode onload de votre balise body et dans cette fonction modifiez le style de body comme ceci document.body.style.overflow = 'scroll' ; aussi vous pourriez avoir besoin de définir la largeur de votre html car cela affichera également les barres de défilement horizontales

votre fichier html ressemblera à ceci

<script language="javascript">
    function showscroll() {
        document.body.style.overflow = 'scroll';
    }
</script>
</head>
<body onload="showscroll()">

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X