Vue实现滚动到具体某元素位置

document.getElementById('ID').scrollIntoView()

scrollIntoView()有三个参数：

scrollIntoView({ behavior:"smooth", block: "start", inline: "start"})

1. behavior 表示滚动方式。auto 表示使用当前元素的 scroll-behavior 样式。instant 和 smooth

   表示 直接滚到底 和 使用平滑滚动。

2. block 表示块级元素排列方向要滚动到的位置。对于默认的 writing-mode: horizontal-tb

   来说，就是竖直方向。start 表示将视口的顶部和元素顶部对齐；center

   表示将视口的中间和元素的中间对齐；end表示将视口的底部和元素底部对齐；nearest 表示就近对齐。

3. inline 表示行内元素排列方向要滚动到的位置。对于默认的 writing-mode: horizontal-tb

   来说，就是水平方向。其值与 block 类似

{

  behavior: "auto" | "instant" | "smooth", // 默认 auto

  block: "start" | "center" | "end" | "nearest", // 默认 center

  inline: "start" | "center" | "end" | "nearest", // 默认 nearest

}

案例:

vue 单文件运行 vue serve + 文件名