Skip to content

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
        })
      }

如有转载或 CV 的请标注本站原文地址