解决设置scrollTop不起作用

今天遇到了一个scrollTop设置不起作用的问题,接下来我就阐述一下问题的场景:

首先场景是一个异步树:支持模糊搜索,当搜索到结果时,会有选中效果,但是搜索的结果可能会超出树的显示范围,因此需要手动滑动滚动条到选中位置

但是呢,树节点太多,无法及时到目标位置,因此根据选中位置,将滚动条滑动到目标位置,设置scrollTop。

1:你需要找到滚动条所在的标签位置的层级

<div style= "overflow:auto">
    <div><p>表头</p> <div>
    <div id = "el-tree"> 

    <table>
        <p>树节点<p>
    <table>
</div>
</div>

我操作是 $(#el-tree)的目标,给它设置了半天scrollTop始终不生效,因此排查问题所在,才知道需要找到滚动条目标层级,进行动态设置scrollTop,问题解决

最终代码如下:

 if(offsetTop > 120) {

        $($(#el-tree).parent()).scrollTop(offsetTop - (120/2))

}

注意:offsetTop 就是当前选择节点的属性,以及注意overflow设置为 auto

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值