我有一个带有下拉列表的表单。该列表是动态生成的,我正在使用mCustomScrollbar在下拉列表中显示元素。

mCustomScrollbar需要将高度固定为px。

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

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


脚本:
我在初始化脚本中尝试了各种参数
即:
autoExpandScrollbar

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


如果有许多li元素,则这些参数可以正常工作,但是在2-3个li元素的情况下,由于ul高度超出了所提供的元素,因此下拉列表中存在空白。

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

谢谢,

最佳答案

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

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

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


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

关于javascript - jQuery mCustomScrollbar动态高度,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29446685/

10-12 01:13
查看更多