vue scrolltop
时间: 2023-08-25 18:13:06 浏览: 124
vue 中固定导航栏的实例代码
在Vue中,你可以使用`$refs`来访问元素并使用`scrollTop`属性来设置滚动位置。以下是一个简单的示例:
```vue
<template>
<div ref="scrollContainer" style="height: 200px; overflow-y: scroll;">
<!-- 滚动内容 -->
</div>
</template>
<script>
export default {
mounted() {
// 在组件挂载后,可以通过$refs来访问元素
this.$refs.scrollContainer.scrollTop = 0; // 设置滚动位置为顶部
}
}
</script>
```
在上面的示例中,我们使用`ref="scrollContainer"`来给`div`元素添加了一个引用。然后在`mounted`生命周期钩子函数中,通过`this.$refs.scrollContainer`访问到这个元素,并设置它的`scrollTop`属性为0,将滚动位置设置为顶部。
这只是一个简单的示例,你可以根据自己的需求进行相应的调整和扩展。
阅读全文