javascript - JQuery mCustomScrollbar 动态高度

Question

我有一个带有下拉列表的表单。这个列表是动态生成的，我使用 mCustomScrollbar 来显示下拉列表中的元素。

mCustomScrollbar 需要以像素为单位固定高度。

<ul class=" customScroll" role="menu" aria-labelledby="dropdownMenu1" >

                                <li  >1</li>
                                <li >1</li>
                            </ul>

脚本: 我在初始化脚本中尝试了各种参数 IE: 自动展开滚动条

 $(".customScroll").mCustomScrollbar();

如果有很多 li 元素，这些参数可以正常工作，但如果有 2-3 个 li 元素，则下拉列表中有一个空格作为 ul 高度超过了存在的元素。

关于动态改变元素高度的任何想法。

谢谢，

Answer 1

您可以使用以下方法计算 customScroll 的高度:

$(function() {
   function getChildrenHeight(element) {
      var height = 0;
      element.children().each(function() {height+= $(this).height();});
      return height;
  }

   $(".customScroll").height(getChildrenHeight($(".customScroll")));
});

您可以对任何元素使用函数 getChildrenheight() 函数，根据所有子元素高度的总和来获取元素的高度。