2013-10-30 3 views
12

Utilizzo Bootstrap 3 e sto cercando di creare un contenuto scorrevole DIV. Ho una griglia con una navigazione laterale sinistra e una barra in alto e nel mezzo ho il contenuto che dovrebbe essere scorrevole.Bootstrap 3 - Divent contenuto scorrevole Contenuto

Funziona quando uso una quota fissa sul contenuto div ... ma voglio utilizzare 100% invece.

<div class="col-lg-12 col-md-12 col-sm-12" style="height:100%;overflow-y:auto;"> 
some content... 
</div> 

CSS:

html,body 
{ 
height:100%; 
overflow:hidden; 
} 

Come ho potuto ottenere questo lavoro con altezza: 100%;

Grazie!

+0

Overflow-y: scorre il lavoro per voi? Scusa non ho provato come sul mio telefono – EnduroDave

+0

Non ho alcuna barra di scorrimento verticale nel contenuto DIV con il codice sopra ... quindi l'overflow-y non sembra aiutare. –

+0

hmmm. Dopo aver letto di nuovo il tuo post, voglio solo controllare se hai bisogno di un div scorrevole o vuoi semplicemente impostare il nav sinistro e il top nav fisso mentre il resto della pagina si muove in modo simile alle pagine dei documenti boostrap? – EnduroDave

risposta

23

È possibile aggiungere classe pre-scrollabile per il div che si desidera scorrere.

Se si cerca il css c'è un max-heightma non puoi modificare. Quindi hai la certezza che massimizzerà la pagina nella finestra per quel valore massimo.

Spero che sia utile, ho usato lo stesso per una pagina con immersioni scorrevoli.

+0

Questo funziona per me, ad es.

gihanchanuka