当前博客:lay-垂直导航如何设置滚动条?

123 次浏览【转载需注明来源】

博客作者:【涛声依旧】

个性签名:寒窗苦读十年一朝凤舞九天

lay-垂直导航,设置固定高度后,项目过多时,超出部分无法查看,

或者下拉项目后,也会超出导航固定高度!

如下图,只能显示一部分,如可设置滚动条就好了!

如何设置滚动条,让超出部分,可以滚动查看!

默认排序
Generic placeholder image
Generic placeholder image
已采纳
快码FOF编程 Time: 2024-02-14 23:09:51
<!文档类型 网页类型>
<网页 语言代码="中文">
    <网页头部>
        <网页信息 文档编码="UTF8" />
        <网页信息 名称="页面视图" 关联数据="视图宽度=填充视图宽度,初始缩放值=1,最大缩放值=1,用户缩放状态=假" />
        <网页信息 关联HTTP="兼容模式" 关联数据="最高IE版本" />
        <网页标题>Document</网页标题>
    </网页头部>
    <网页主体>
        <无序列表 类名="lay-导航 lay-导航-垂直" 行内样式="高度: 400px; 溢出-y轴: 滚动; 溢出-x轴: 隐藏">
            <列表项 类名="lay-导航-项目 lay-导航-选中项目">
                <超链接 链接地址="javascript:;">默认展开</超链接>
                <描述列表 类名="lay-导航-子集">
                    <描述列表项><超链接 链接地址="javascript:;">选项1</超链接></描述列表项>
                    <描述列表项><超链接 链接地址="javascript:;">选项2</超链接></描述列表项>
                    <描述列表项><超链接 链接地址="">跳转</超链接></描述列表项>
                </描述列表>
            </列表项>
            <列表项 类名="lay-导航-项目">
                <超链接 链接地址="javascript:;">解决方案</超链接>
                <描述列表 类名="lay-导航-子集">
                    <描述列表项><超链接 链接地址="">移动模块</超链接></描述列表项>
                    <描述列表项><超链接 链接地址="">后台模版</超链接></描述列表项>
                    <描述列表项><超链接 链接地址="">电商平台</超链接></描述列表项>
                </描述列表>
            </列表项>
            <列表项 类名="lay-导航-项目"><超链接 链接地址="">产品</超链接></列表项>
            <列表项 类名="lay-导航-项目"><超链接 链接地址="">大数据</超链接></列表项>
        </无序列表>
    </网页主体>
</网页>
<无序列表 类名="lay-导航 lay-导航-垂直" 行内样式="高度: 400px; 溢出-y轴: 滚动; 溢出-x轴: 隐藏">
    <列表项 类名="lay-导航-项目 lay-导航-选中项目">
        <超链接 链接地址="javascript:;">默认展开</超链接>
        <描述列表 类名="lay-导航-子集">
            <描述列表项><超链接 链接地址="javascript:;">选项1</超链接></描述列表项>
            <描述列表项><超链接 链接地址="javascript:;">选项2</超链接></描述列表项>
            <描述列表项><超链接 链接地址="">跳转</超链接></描述列表项>
        </描述列表>
    </列表项>
    <列表项 类名="lay-导航-项目">
        <超链接 链接地址="javascript:;">解决方案</超链接>
        <描述列表 类名="lay-导航-子集">
            <描述列表项><超链接 链接地址="">移动模块</超链接></描述列表项>
            <描述列表项><超链接 链接地址="">后台模版</超链接></描述列表项>
            <描述列表项><超链接 链接地址="">电商平台</超链接></描述列表项>
        </描述列表>
    </列表项>
    <列表项 类名="lay-导航-项目"><超链接 链接地址="">产品</超链接></列表项>
    <列表项 类名="lay-导航-项目"><超链接 链接地址="">大数据</超链接></列表项>
</无序列表>

使用:行内样式="高度: 400px; 溢出-y轴: 滚动; 溢出-x轴: 隐藏"

即可


lay-垂直导航如何设置滚动条?