我有一个带有下拉列表的表单。该列表是动态生成的,我正在使用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/