Vue tree自定义滚动条位置

本文介绍了如何通过JavaScript实现网页的懒加载和普通加载功能,主要展示了利用getElementById和querySelectorAll获取元素后,通过遍历数组并判断条件滚动到相应节点的位置。
摘要由CSDN通过智能技术生成

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

 实现支持:

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 * 你的预设高度); //第一个值是横行的,

        }

}

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

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

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值