1:在滚动条所属 div 上加上 ref=“mianscroll” (mianscroll名称随意起)
<div ref="mianscroll">
//中间内容
</div>
2:点击事件到顶部
topScrollClick() {
this.$nextTick(() => {
let scrollEl = this.$refs.mianscroll;
scrollEl.scrollTo({ top: 0, behavior: 'smooth' });
});
},
3:点击事件到底部文章来源：https://www.toymoban.com/news/detail-502067.html
bottomScrollClick() {
this.$nextTick(() => {
let scrollEl = this.$refs.mianscroll;
scrollEl.scrollTo({ top: scrollEl.scrollHeight, behavior: 'smooth' });
});
}
注意点：一定要是给滚动条所属 div 添加如上方法，不然无法生效，滚动的 div 的样式是 overflow:auto文章来源地址https://www.toymoban.com/news/detail-502067.html
到了这里，关于vue 滚动条滚动到顶部或者底部的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
