jquery - 设置中间 的高度

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();

更新

It should show 2-3 'li` and after that to see other li ther should be scrollbar

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