如何设置jquery zTree展示内容较多时出现滚动条

为其父容器定宽定高，再设置overflow:auto即可，代码如下：

<div class="ztree-wrap">

    <ul class="ztree" id="treeDemo"></ul>

</div> .ztree-wrap {width:160px height:460px overflow:auto}

Vue Element UI的Tree组件在加载大量节点时会出现明显的卡顿，电脑配置差点更是难受。即使使用懒加载，即每展开父节点再去加载子节点，若字节点数目同样众多，Tree组件在使用过程中依旧卡顿。这里提供一个jquery的方案，使用zTree替代Element UI的Tree组件，让树组件使用非常流畅。

因为树节点数目众多，使用zTree依旧延续展开父节点再去加载子节点的方式。

zTree： http://www.treejs.cn/v3/main.php#_zTreeInfo 。首先是zTree的标签：

参照zTree官方文档，配置zTree的setting：

展开父节点加载对应的子节点：

接下来设置滚动条。这里用到了vuescroll组件： https://vuescrolljs.yvescoding.org/zh/guide/

父节点的勾选状态有三种：勾选、半选（即只有部分子节点选中）、不勾选。

父节点勾选，则新加载的子节点全部勾选。

记录checkArray、pathArray

---