1. 程式人生 > >jquery zTree內容過寬時加滾動條

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>