超出其最大高度后，如何将滚动条应用于DIV

Question

我有一个弹出窗口，其中有4个divs，而主div的最大高度为450 px，如果我的div高度超过450px，我需要显示滚动条我可以用jQuery

做到这一点吗？

If('#mydiv'.height > '450px')
jQuery('#mydiv').css("overflow-y", "scroll');

但这不起作用

Answer 1

.height((仅返回无单位高度。您需要调用高度((

if($('#mydiv').height() > 450)
  {
     $('#mydiv').css("overflow-y", "scroll");
  }

您也可以尝试使用CSS：

#mydiv {
   max-height: 400px;
   overflow: auto;
}

演示：https：//jsfiddle.net/9op8b63f/

Answer 2

使用 height()来计算高度，我更喜欢使用 css方法在jQuery中添加 css，而是添加一个包含该样式的类是一个更好的选择，希望这有助于参考http：//PI.jquery.com/height/

if($('.test').height()>450)
{
  $('.test').addClass('scroll')
}

.scroll
 {
    overflow-y:auto;
    max-height:450px
 }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="test">
<p>SomeText</p>
<p>SomeText</p>
<p>SomeText</p>
<p>SomeText</p>
<p>SomeText</p>
<p>SomeText</p>
<p>SomeText</p>
<p>SomeText</p>
<p>SomeText</p>
<p>SomeText</p>
<p>SomeText</p>
<p>SomeText</p>
<p>SomeText</p>
<p>SomeText</p>
</div>