问题遇到的现象和发生背景
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固定高度之后的确有滚动条了,但是二级分类又没了
我想要达到的结果
类似这种,点击之后以滚动条形式即可