Как добавить полосу прокрутки в div?

У меня есть всплывающее окно, которое отображает некоторые результаты, и я хочу, чтобы полоса прокрутки отображалась с тех пор, как результаты были отключены (и я не хочу, чтобы всплывающее окно было слишком длинным).

Ответы

Ответ 1

Вам нужно добавить style="overflow-y:scroll;" в тег div. (Это заставит полосу прокрутки по вертикали).

Если вам нужна только полоса прокрутки, когда нужно, просто overflow-y:auto;

Ответ 2

Css класс, чтобы иметь хороший Div со свитком

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

Ответ 3

Если вы хотите добавить панель прокрутки с помощью jquery, то будут работать следующие. Если ваш div имел идентификатор "mydiv", вы могли бы использовать следующий селектор id jquery с свойством css:

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

Ответ 4

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

div.scrollingDiv
{
   overflow:scroll;
}

Ответ 5

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