滚到底部

439 阅读1分钟

1.定义滚动到底部的方法

// 滚动到页面底部

scrollToBottom () {

// 获取到所有的 Item 项

const chatItem = document.querySelectorAll('.chat-item')

// 获取到最后一项对应的 DOM 元素

const lastItem = chatItem[chatItem.length - 1]

// 调用 scrollIntoView() 方法,显示这个元素

lastItem.scrollIntoView({

behavior: 'smooth' // 动画平滑

})

}

2.在需要的时候, 调用

this.$nextTick(() => {

this.scrollToBottom()

})