如何向div添加滚动条？

Question

我有一个弹出窗口显示一些结果,我想要显示滚动条,因为结果被切断(我不希望弹出窗口太长).

Answer 1

您需要添加style="overflow-y:scroll;"到div标签.(这将强制垂直滚动条).

如果您只需要滚动条,请执行此操作 overflow-y:auto;

Answer 2

要添加滚动，您需要定义div 的最大高度，然后添加溢出-y

所以做这样的事情

.my_scroll_div{
    overflow-y: auto;
    max-height: 100px;
}

Answer 3

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

Answer 4

如果要使用jquery添加滚动条,以下内容将起作用.如果您的div的id为'mydiv',您可以使用以下带有css属性的jquery id选择器:

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

Answer 5

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

div.scrollingDiv
{
   overflow:scroll;
}