vue 滚动条滚动到顶部大概底部

1:在滚动条所属 div 上加上 ref=“mianscroll” (mianscroll名称随意起)

1. <div ref="mianscroll">
2.   //中间内容
3. </div>

复制代码

2:点击变乱到顶部

1. topScrollClick() {
2.    this.$nextTick(() => {
3.      let scrollEl = this.$refs.mianscroll;
4.      scrollEl.scrollTo({ top: 0, behavior: 'smooth' });
5.    });
6. },

复制代码

3:点击变乱到底部

1. bottomScrollClick() {
2.       this.$nextTick(() => {
3.         let scrollEl = this.$refs.mianscroll;
4.         scrollEl.scrollTo({ top: scrollEl.scrollHeight, behavior: 'smooth' });
5.       });
6. }

复制代码

注意点：肯定要是给滚动条所属 div 添加如上方法，否则无法生效，滚动的 div 的样式是 overflow:auto

来源：https://blog.csdn.net/qq_32184753/article/details/128832432
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！