如何使用 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
最佳答案
document.getElementById('idhere').scrollIntoView();
关于javascript - 使用 javascript 滚动到 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52509996/