Come si aggiunge una barra di scorrimento a un div?

Ho un popup che mostra alcuni risultati e voglio che venga visualizzata una barra di scorrimento poiché i risultati vengono tagliati (e non voglio che il popup sia troppo lungo).Come si aggiunge una barra di scorrimento a un div?

fonte

2010-05-14 Blankman

È necessario aggiungere style="overflow-y:scroll;" al tag div. (Questo costringerà una barra di scorrimento sulla verticale).

Se desideri solo una barra di scorrimento quando necessario, basta fare overflow-y:auto;

fonte

2010-05-14 18:59:41

<div class="scrollingDiv">foo</div> 

div.scrollingDiv 
{ 
    overflow:scroll; 
}

fonte

2010-05-14 19:00:21 Gabe

@webdestroya: E 'solo aggiungere scorrendo fino div che hanno il nome di classe di "scrollingDiv". Questo potrebbe essere il numero di 1, o anche 0, o il numero di tutte le div che il designer desidera avere le barre di scorrimento. – Robusto

Bene, ora lo avresti aggiornato :) –

@webdestroya: non l'ho toccato. E il post non è stato pubblicato come modificato quando ho commentato. Noi. – Robusto

classe CSS per avere una bella Div con scorrimento

.DivToScroll{ 
    background-color: #F5F5F5; 
    border: 1px solid #DDDDDD; 
    border-radius: 4px 0 4px 0; 
    color: #3B3C3E; 
    font-size: 12px; 
    font-weight: bold; 
    left: -1px; 
    padding: 10px 7px 5px; 
} 

.DivWithScroll{ 
    height:120px; 
    overflow:scroll; 
    overflow-x:hidden; 
}

fonte

2012-10-24 19:24:48

Ho aggiunto un jsfiddle di questa versione - http://jsfiddle.net/YjxS8/ – DaveHogan

<head> 
<style> 
div.scroll 
{ 
background-color:#00FFFF; 
width:40%; 
height:200PX; 
FLOAT: left; 
margin-left: 5%; 
padding: 1%; 
overflow:scroll; 
} 


</style> 
</head> 

<body> 



<div class="scroll">You can use the overflow property when you want to have better  control of the layout. The default value is visible.better control of the layout. The default value is visible.better control of the layout. The default value is visible.better control of the layout. The default value is visible.better control of the layout. The default value is visible.better control of the layout. The default value is visible.better </div> 


</body> 
</html>

fonte

2014-06-20 02:35:29 Daveontrak

Se si desidera per aggiungere una barra di scorrimento usando jquery funzionerà il seguente. Se il tuo div aveva un id di 'myDiv' si potrebbe noi il seguente selettore id jquery con la proprietà css:

jQuery('#mydiv').css("overflow-y", "scroll");

fonte

2014-08-29 16:24:10 ScottyG

È corretto, dove è necessario aggiungerlo dinamicamente con jquery. Per me funziona. Grazie –

@Chaki_Black ottimo punto. Ho aggiunto una risposta simile a una domanda sullo scroll dinamico su un div qui (http://stackoverflow.com/a/36314963/2512022) – ScottyG

Come si aggiunge una barra di scorrimento a un div?

risposta

Problemi correlati