javascript - 使用 javascript 滚动到 ID

Question

如何使用 JavaScript 滚动到网页中的某个元素？我想基本上创建与使用 <a href="#link"></a> 时发生的相同的事情但在 javascript 中使用函数。我不想使用任何 jQuery，我目前正在使用 VueJS 和 Vuetify 框架。我的导航如下所示:

<v-navigation-drawer
  persistent
  :mini-variant="miniVariant"
  :clipped="clipped"
  v-model="drawer"
  enable-resize-watcher
  fixed
  app
>
  <v-list>
    <v-list-tile
      value="true"
      v-for="(item, i) in items"
      :key="i"
      @click="navigate(item.link)"
    >
      <v-list-tile-action>
        <v-icon>{{ item.icon }}</v-icon>
      </v-list-tile-action>

      <v-list-tile-content>
        <v-list-tile-title>{{ item.title }}</v-list-tile-title>
      </v-list-tile-content>
    </v-list-tile>
  </v-list>
</v-navigation-drawer>

如您所见，我已经设置了 @click 属性，但我不知道如何实际滚动到 ID 链接，如 #info或#contact

Answer 1

document.getElementById('idhere').scrollIntoView();