如何在数据大小超过最小高度时应用滚动条

Question

当div中的数据超出提供的高度时，我想动态地在我的应用程序中应用滚动条。如何使用jQuery修复它。

Answer 1

您可以在包装器div上使用固定高度并设置溢出以滚动。 即。

#wrapper-div {
  height:100px;
  overflow:hidden;
}

$(document).ready(function(){
    if($('#wrapper-div').height() < $('#inside-div').height()) {
        $('#wrapper-div').css('overflow', 'scroll'); 
    }
});  

Answer 2

您可以将css overflow属性用作auto

<div id="myDiv">
Your dynamic sized paragraph goes here.
</div>

<style>
#myDiv
{
overflow:auto;
}
</style>

溢出：汽车;如果内容超出您指定的高度，将自动添加滚动条。