How to set a condition for block height?

Question

JavaScript

How to add a class if the height of the sub-menu block is more than 140px and not add a class if it is less?

<ul class="menu">
  <li>144</li>
    <ul class="sub-menu">
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
  </ul>
   <li>155</li>
    <ul class="sub-menu">
      <li>123</li>
      <li>123</li>
  </ul>
</ul>

$( document ).ready(function() {
height = $('.sub-menu').height();
  if (height > 120) {  
    $('.sub-menu').addClass('scroll')
  }
else{
     $('.sub-menu').removeClass('scroll')
}

Answer 1

like this: https://jsfiddle.net/f54bhpw8/