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