Question

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

Answer 1

.height（）仅返回无单位的高度。然后您需要调用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，而是添加一个包含样式的类是更好的选择，希望这会有所帮助ref http://api.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>

超过最大高度后如何为div应用滚动条

2 个答案: