Comment ajouter une barre de défilement à un div?

Question

Comment ajouter une barre de défilement à un div?

Demandé el 14 de Mai, 2010: Quand la question a-t-elle été
39313 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Ouvert: Situation réelle de la question

J'ai une fenêtre contextuelle qui affiche des résultats, et je veux qu'une barre de défilement soit affichée car les résultats sont coupés (et je ne veux pas que la fenêtre contextuelle soit trop longue).

Demandé el 14 de Mai, 2010 par Blankman

Answer 1

5 Réponses

Answer 2

165voto

Mitch Dempsey Points 13568

Vous devez ajouter style="overflow-y:scroll;" à la balise div. (Cela forcera une barre de défilement sur la verticale).

Si vous ne voulez une barre de défilement qu'en cas de besoin, faites simplement overflow-y:auto;

Répondu el 14 de Mai, 2010 par Mitch Dempsey (13568 Points )

Answer 3

31voto

Ricardo Lima Points 109

Classe CSS pour avoir une belle Div avec défilement

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

Répondu el 24 de Octobre, 2012 par Ricardo Lima (109 Points )

Answer 4

15voto

ScottyG Points 51

Si vous souhaitez ajouter une barre de défilement à l'aide de jquery, ce qui suit fonctionnera. Si votre div avait un identifiant 'mydiv', vous pourriez nous utiliser le sélecteur d'identifiant jquery suivant avec la propriété css:

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

Répondu el 29 de Août, 2014 par ScottyG (51 Points )

Answer 5

8voto

Gabe Points 24378

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

div.scrollingDiv
{
   overflow:scroll;
}

Répondu el 14 de Mai, 2010 par Gabe (24378 Points )

Answer 6

4voto

Daveontrak Points 13

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

Répondu el 20 de Juin, 2014 par Daveontrak (13 Points )

Comment ajouter une barre de défilement à un div?

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

Comment ajouter une barre de défilement à un div?

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: