jquery zTree内容过宽时加滚动条

当zTree的树形列表太宽时,有时会溢出,在加载Tree的ul上设置overflow:auto,就可以在tree过宽时出现滚动条了!

修改前:


<div class="col-md-8">
                                                            <div class="btn-group" style="width: 100%"
                                                                id="tjBtnGroup">
                                                                <a href="javascript:void(0);" class="btn btn-default"
                                                                    id="tjA" treeDown="true" style="width: 85%;">请选择</a> <a id="tjTreeDown"
                                                                    href="javascript:void(0);" class="btn btn-default"
                                                                    treeDown="true"><i class="fa fa-angle-down"></i></a>
                                                                <ul id="tjTreeDemo"
                                                                    class="dropdown-menu ztree form-group"
                                                                    style="margin-left: 0; width: 98%; position: absolute;"></ul>  <===========这一行
                                                                <input type="hidden" id="finalClassiFicationCode"
                                                                    name="finalClassiFicationCode" />
                                                            </div>

修改后:

<div class="col-md-8">
                                                            <div class="btn-group" style="width: 100%"
                                                                id="tjBtnGroup">
                                                                <a href="javascript:void(0);" class="btn btn-default"
                                                                    id="tjA" treeDown="true" style="width: 85%;">请选择</a> <a id="tjTreeDown"
                                                                    href="javascript:void(0);" class="btn btn-default"
                                                                    treeDown="true"><i class="fa fa-angle-down"></i></a>
                                                                <ul id="tjTreeDemo"
                                                                    class="dropdown-menu ztree form-group"
                                                                    style="margin-left: 0; width: 98%; position: absolute;overflow:auto"></ul>  <=======这一行
                                                                <input type="hidden" id="finalClassiFicationCode"
                                                                    name="finalClassiFicationCode" />
                                                            </div>

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值