Comment puis-je ajouter automatiquement une barre de défilement verticale à mon div?

Je souhaite ajouter une barre de défilement verticale à mon fichier <div>. J'ai essayé overflow: auto, mais cela ne fonctionne pas. J'ai testé mon code dans Firefox et Chrome.

Je colle le code de style div ici:

float: left;
width: 1000px;
overflow: auto;

Vous devez attribuer une certaine hauteur pour que le overflow: auto; propriété fonctionne.
À des fins de test, ajoutez height: 100px;et vérifiez.
et il sera également préférable de donner à la overflow-y:auto;place de overflow: auto;, car cela fait que l'élément ne défile que verticalement mais pas horizontalement.

float:left;
width:1000px;
overflow-y: auto;
height: 100px;

Si vous ne connaissez pas la hauteur du conteneur et que vous souhaitez afficher la barre de défilement verticale lorsque le conteneur atteint une hauteur fixe 100px, par exemple , utilisez max-heightau lieu de heightproperty.

Pour plus d'informations, lisez cet article MDN .

Vous devez ajouter une max-heightpropriété.

.ScrollStyle
{
    max-height: 150px;
    overflow-y: scroll;
}

<div class="ScrollStyle">
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
</div>

Vous pouvez définir:

overflow-y: scroll;height: XX px

J'ai un incroyable scroller sur mon div-popup. Pour appliquer, ajoutez ce style à votre élément div:

overflow-y: scroll;
height: XXXpx;

Le que heightvous spécifiez sera la hauteur du div et une fois si vous avez du contenu pour dépasser cette hauteur, vous devez le faire défiler.

Je vous remercie.

Pour afficher la barre de défilement verticale dans votre div, vous devez ajouter

height: 100px;   
overflow-y : scroll;

ou

height: 100px; 
overflow-y : auto;

Je ne sais pas trop pourquoi vous essayez d'utiliser le div, mais ceci est un exemple avec du texte aléatoire.

Mr_Green a donné les instructions correctes quand il a dit d'ajouter overflow-y: autocar cela le restreint au défilement vertical. Voici un exemple JSFiddle:

JSFiddle