layui.dropdown数据多了之后下拉框太长了
layui.use('dropdown', function () {
var dropdown = layui.dropdown
dropdown.render({
elem: "#firstList",
data: dorpData,
id: "firstList",
click: function (obj) {
console.log(obj);
$("#firstList").val(obj.title);
$("#firstid").val(obj.id);
}
})
})
dorpData是后端获取的数据
点击后出现下拉框还算正常:
向下滚动之后就变成这样了:
二级分类中间也间隔很大:
设置type属性overflow-y固定高度之后的确有滚动条了,但是二级分类又没了
类似这种,点击之后以滚动条形式即可
加个style,给他一个css样式,限定高度和overflow。
https://layuion.com/docs/modules/dropdown.html#options
官网应该有的,加个高度就可以了