中间<li>设置高度

Question

我使用Bootstrap 3.2菜单，我的前2个li和最后2个li是静态的，中间菜单可能是从0到10-15或更多。我的问题是由于动态li我的菜单长度很大。我想为动态生成的菜单设置最小高度，用户可以滚动查看更多菜单列表(仅限动态)静态菜单li应该在没有任何滚动的情况下可见。

<ul class="dropdown-menu" role="menu">
      <li>Menu 1</li>
      <li>Menu 2</li>
     <li>Menu 3</li>
     <li>Menu 4</li>
     <li>Menu 5</li>
     <li>Menu 6</li>
    .....
     <li>Menu n-1</li>
     <li>Menu n</li>
    </ul>

怎么做??

Answer 1

像

一样使用jQuery slice()

$('.dropdown-menu li').slice(2, $('.dropdown-menu li').length - 2).height();

更新

它应该显示2-3 'li '，之后看到其他的li应该是滚动条

var targetHeight = $('.dropdown-menu').height() / 5;
$('.dropdown-menu li').slice(2, 2 + 3).height(targetHeight);
$('.dropdown-menu').css('overflow', 'scroll');