Come posso aggiungere automaticamente una barra di scorrimento verticale al mio div?

Voglio aggiungere una barra di scorrimento verticale al mio file <div>. Ho provato overflow: auto, ma non funziona. Ho testato il mio codice in Firefox e Chrome.

Sto incollando il codice di stile div qui:

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

È necessario assegnare un'altezza per far funzionare la overflow: auto;proprietà.
A scopo di test, aggiungi height: 100px;e seleziona.
e inoltre sarà meglio se dai overflow-y:auto;invece di overflow: auto;, perché questo fa sì che l'elemento scorra solo in verticale ma non in orizzontale.

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

Se non conosci l'altezza del contenitore e desideri mostrare la barra di scorrimento verticale quando il contenitore raggiunge un'altezza fissa 100px, usa max-heightinvece di heightproprietà.

Per ulteriori informazioni, leggi questo articolo MDN .

Devi aggiungere max-heightproprietà.

.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>

Puoi impostare:

overflow-y: scroll;height: XX px

Ho un fantastico scroller sul mio div-popup. Per applicare, aggiungi questo stile al tuo elemento div:

overflow-y: scroll;
height: XXXpx;

Quello heightche specifichi sarà l'altezza del div e una volta che hai dei contenuti che superano questa altezza, devi scorrerlo.

Grazie.

Per mostrare la barra di scorrimento verticale nel tuo div devi aggiungere

height: 100px;   
overflow-y : scroll;

o

height: 100px; 
overflow-y : auto;

Non sono abbastanza sicuro per cosa stai tentando di utilizzare il div, ma questo è un esempio con del testo casuale.

Mr_Green ha dato le istruzioni corrette quando ha detto di aggiungere in overflow-y: autoquanto ciò limita lo scorrimento verticale. Questo è un esempio JSFiddle:

JSFiddle