Vue实现div滚动，并且支持top动态滚动

如果你知道距离目标 div 顶部的像素值，并希望通过传入 top 参数来实现滚动到对应区域，可以使用 window.scrollTo 方法。

编写滚动方法

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' })}
}

初始化

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>