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

设置中间<li>的高度

1 个答案: