qq_33970624 2022-07-14 09:15 采纳率: 0%
浏览 306

layui.dropdown下拉框高度问题

问题遇到的现象和发生背景

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是后端获取的数据

运行结果及报错内容

点击后出现下拉框还算正常:

img

向下滚动之后就变成这样了:

img

二级分类中间也间隔很大:

img

我的解答思路和尝试过的方法

设置type属性overflow-y固定高度之后的确有滚动条了,但是二级分类又没了

我想要达到的结果

类似这种,点击之后以滚动条形式即可

img

  • 写回答

2条回答 默认 最新

  • 浪客 2022-07-14 17:17
    关注

    加个style,给他一个css样式,限定高度和overflow。
    https://layuion.com/docs/modules/dropdown.html#options

    评论

报告相同问题?

问题事件

  • 创建了问题 7月14日

悬赏问题

  • ¥50 前后端数据顺序不一致问题,如何解决?(相关搜索:数据结构)
  • ¥15 基于蒙特卡罗法的中介效应点估计代码
  • ¥15 罗技G293和UE5.3
  • ¥20 Tesla 特斯拉K80显卡 如果需要使用该设备,你需要禁用系统上的另一个设备。
  • ¥30 QT调用百度智能云千帆模型无法取得返回文本
  • ¥50 CCD工业视觉相机检测出现光边
  • ¥60 二次元手游日常任务自动化代肝(相关搜索:自动化)
  • ¥15 mysql将查询的结果作为动态列名怎么实现
  • ¥50 python自动地图截图脚本
  • ¥15 fastreport怎么判断当前页数