VUE、js方法页面点击滚到最底部

1.无滚动条时

// 页面滚到最底部
  toBottom(){
    var height = document.body.clientHeight;
    window.scroll({ top: height , left: 0, behavior: 'smooth' });
 
  }

2.有滚动条时可用

// 滚动到最底部
    toBottom(){
      this.$nextTick(()=>{
        var scrollDom = document.getElementById('chatBox');
        scrollDom.scrollTop = scrollDom.scrollHeight
      })
    },

方法调用

//调用
this.$nextTick(()=>{
this.toBottom()
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容