Vue tree自定义滚动条位置

贴一张效果图,我的效果不方便贴出来

实现支持:

1、懒加载

2、普通加载

下面贴关键思想:

document有一个获取element元素的方法。

let element = document.getElementById('tree');

let arr = document.querySelectorAll(".nodelModel");

上面是关键代码

for(var i = 0; i < arr.length; i++) {

let item = arr[i];

if(判断你选择的值和数组元素的值在什么位置){

element.scrollTo(0,i * 你的预设高度); //第一个值是横行的,

}

}

如此,初始化加载可以实现。

由于网上很直接的方法,自己保留一个。

相关推荐
子兮曰2 小时前
Node.js v26.1.0 深度解读:FFI、后量子密码与调试器的进化
前端·后端·node.js
测试员周周2 小时前
【Appium 系列】第06节-页面对象实现 — LoginPage 实战
开发语言·前端·人工智能·python·功能测试·appium·测试用例
西洼工作室3 小时前
前端直传OSS服务端签名(Policy+Signature)/STS临时凭证
前端·文件上传·oss
你很易烊千玺4 小时前
日常练习-数组 字符串常用的场景
前端·javascript·字符串·数组
weixin199701080165 小时前
[特殊字符] RESTful API 接口规范详解:构建高效、可扩展的 Web 服务(附 Python 源码)
前端·python·restful
存在的五月雨5 小时前
Vue3项目一些语法
前端·javascript·react.js
nashane5 小时前
HarmonyOS 6学习:Web组件同层渲染事件处理与智能长截图实现
前端·学习·harmonyos·harmonyos 5
大家的林语冰5 小时前
Node 2026 发布,JS 三大新功能上线,最后一个奇偶版本
前端·javascript·node.js
三*一6 小时前
Mapbox GL JS 自研面要素整形工具开发实录
开发语言·javascript·arcgis·ecmascript