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

Question

我有以下div：

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

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

我通过jQuery将孩子附加到那个。

<script>
function lol()  {

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

我希望当更多的孩子可以放在div max-height上时，div变得可滚动，任何帮助我怎样才能实现呢？

http://jsfiddle.net/#&togetherjs=RuintOf6bR

Answer 1

.ticker{
    height: 700px;
    max-height: 700px;
    background-color: red;
    overflow-y: scroll;
}