vue 滚动条滚动到顶部或者底部

• 前端

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

  //中间内容

2:点击事件到顶部

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

3:点击事件到底部

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

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

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://www.net2asp.com/9137963071.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐