如果你知道距离目标 div
顶部的像素值,并希望通过传入 top
参数来实现滚动到对应区域,可以使用 window.scrollTo
方法。
编写滚动方法
javascript">const scrollToDiv = (targetDiv, top) => {if (targetDiv) {top = top * targetDiv.value.scrollHeight / data.height || 0top = top - 100 < 0 ? 0 : top - 100targetDiv.value.scrollTo({ top, behavior: 'smooth' })}
}
初始化
javascript">const targetDiv = ref(null)
定义div并且设置ref
<div ref="targetDiv" style="border: 1px red solid; margin-left: 5px; padding: 0 10px; min-width: 560px;max-height: 520px; width: 100%; overflow-y: auto;" >
</div>