uniapp里实现滚动到底部
需求
当请求到数据时,页面展示信息后,自动滚动到最底部
解决办法
一、使用scroll-view组件
二、设置scroll-y(纵向滚动)、scroll-top(竖向滚动条位置)、scroll-with-animation(在设置滚动条位置时使用动画过渡)三个属性
三、定义scrollTop为9999
四、定义滚动方法scrollToBottom,动态改变scroll-top的值,每次请求接口数据返回后调用此方法
完整代码:
<scroll-view scroll-y="true" :scroll-top="scrollTop" scroll-with-animation="true">
</scroll-view>
scrollToBottom() {
this.$nextTick(() => {
this.scrollTop = this.scrollTop + 1
})
}