如何让带有下拉框的数据行在点击展开时可以将其跳转到可视区域

用的是vue ,列表展开用的是折叠面板 el-collapse-item

题主尝试了两种方法

scroll(index) {
document.getElementsByClassName('tr2')[index].scrollIntoView()
}
scroll(index) {
this.$refs.tbody.scrollTop = index60 //索引字段高度
}

可是对后几行的数据没有效果

我的解答思路和尝试过的方法

我想要达到的结果 点击数据行时，数据会展开并移动到可视区域

也可以换个思路，比如使用a标签的锚点

<div id="final">被跳过来的</div>
<a href="#final">点击过去</a>