uniapp小程序让页面滚动到底部_uni-app中使用scroll-view滚到底部时多次触发scrolltolower事件...

一、前言、scroll-view基本属性：

前言：

前段时间使用scroll-view可滚动视图区域容器来做多个不同内容的展示(在我这个页面中同时使用了三个scroll-view做数据展示)，因为这几个展示的内容的数据都比较的多，因此为了页面的数据加载顺畅决定使用上拉加载(简单的说就是数据分页显示)。

页面组成如下图所示：

scroll-view属性说明：

属性名

类型

默认值

说明

平台差异说明

scroll-x

Boolean

false

允许横向滚动

scroll-y

Boolean

false

允许纵向滚动

upper-threshold

Number

50

距顶部/左边多远时(单位px)，触发 scrolltoupper 事件

lower-threshold

Number

50

距底部/右边多远时(单位px)，触发 scrolltolower 事件

scroll-top

Number

设置竖向滚动条位置

scroll-left

Number

设置横向滚动条位置

scroll-into-view

String

值应为某子元素id(id不能以数字开头)。设置哪个方向可滚动，则在哪个方向滚动到该元素

scroll-with-animation

Boolean

false

在设置滚动条位置