zTree selectNode 后，被选中节点没在屏幕可视范围

前两天改了一个bug ，是关于zTree的，由于之前没用过，所以查询了很多资料，摸索了很久

 

首先是ztree的官方文档：API Document [zTree -- jQuery tree plug-ins.]zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发，尤其是 树状菜单、树状数据的Web显示、权限管理等等。zTree 是开源免费的软件（MIT 许可证）。在开源的作用下，zTree 越来越完善，目前已经拥有了不少粉丝，并且今后还会推出更多的 zTree 扩展功能库，让 zTree 更加强大。http://www.treejs.cn/v3/api.php

 文档说明：

selectNode 后，（默认）表示选中节点时，会让节点自动滚到到可视区域内

问题：

由于我的树是动态加入的，先addNode再selectNode。导致选中节点的时候导航树还在预加载，所以没滚动到可视区域。

解决方案：

1、treeObi.refresh()  在selectNode前直接刷新整棵树，但是不推荐使用

2、用动画滚动 $(".navigationTree").animate({scrollTop : top - "90" + "px" || 0}, "fast");

3、在addNodes前，将加上去的子节点排序，把选中的子节点放在第一位，就能在视线范围内

第三点后面经过测试，会有bug,如果当前选中的节点在最下方，则会被遮挡

最终选中的方案：

_this.treeObj.addNodes(parentNode, childs, true);
const selectNode = _this.treeObj.getNodeByParam("id", currentModelTreeNode.id);
_this.treeObj.selectNode(selectNode);

addNodes 的第三个参数设为true ，则不会添加时自动展开节点，在selectNode时，再去选中节点并展开，此时就存在节点了

若selectNode没自动展开节点，则可以在selectNode前，调用展开方法，手动展开 _this.treeObj.expandNode(selectNode, true, true, true);