Javascript 如何通过添加子项使div溢出时可滚动

Javascript 如何通过添加子项使div溢出时可滚动,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有以下部门: <div class="container-fluid"> <div class="row-fluid"> <div class="col-md-4 ticker"> </div> </div> </div> <button onclick="lol()">sdas</button> sdas 我通过jQuery将子元素附加到它

我有以下部门:

<div class="container-fluid">
    <div class="row-fluid">
        <div class="col-md-4 ticker">

        </div>
    </div>
</div>
<button onclick="lol()">sdas</button>

sdas
我通过jQuery将子元素附加到它

<script>
function lol()  {

    $( ".ticker" ).append( "<p>dsadsa</p>" );
}
</script>

函数lol(){
美元(“.ticker”)。追加(“dsadsa

”); }
我想当div max height上的儿童数量超过可以容纳的儿童数量时,div将成为可滚动的,有什么帮助吗


css、.ticker{overflow-y:scroll}可能吗?@t每个人我都认为overflow:scroll是默认值,您必须将其设置为隐藏,在相反的情况下。默认值是可见的。。。使用
overflow:auto
仅当滚动条有理由显示时才显示滚动条。正如上面评论中所建议的那样,
overflow-y:auto
是一个更好的选择<代码>滚动将导致滚动条在不需要时出现。
.ticker{
    height: 700px;
    max-height: 700px;
    background-color: red;
    overflow-y: scroll;
}