小程序scroll-view垂直滚动下设置高度问题

由于不同设备高度不同，所以box部分的高度需要是动态的；

有两种处理方式:

可以看到预览完全没问题，接下来往里面放一个滚动视图scroll-view，设置为可以垂直滚动，高度设置为100%样式

我发现一个tip，其实只要给外围的box一个高度即可，随便一个高度，因为设置了flex拉伸级别，这个高度不影响拉伸；在H5中是没意义的，但是这里可以解决问题；

效果展示

通过使用循环容器的滚动监听和设置值，同时配置前置条件实现滚动到具体某一项，实现顶部滑动联动底部滑动效果。

注意：在数据中心你可以创建属于自己应用程序的数据表格，数据表格类型分为用户表、商品表、订单表和自定义表。

点击数据中心。

创建数据表：轮播图。

字段包含：。

点击数据中心。

创建数据表：联动图

字段包含：（多图类型）。

注意：事件是构建数据与界面元素组件链接的抽象逻辑。数据表与界面元素组件通过事件连接。

点击事件中心。

创建事件。

点击事件中心。

创建事件。

注意：在检查器面板中的触发器设置面板创建触发器，可以对组件进行交互逻辑设置，或配合事件来进行动态数据 *** 作。

选中循环容器。

点击检查面板中的触发器面板。

创建触发器：设置值。

创建触发器：查询轮播图。

选中循环容器。

点击检查面板中的触发器面板。

创建触发行为是滚动到指定项，名称分别为0， 1， 2。

分别增加执行触发器的前置条件。

创建触发器：获取联动图

选中循环容器。

点击检查面板中的触发器面板。

创建触发器：call，执行其它触发器。

创建触发器：scroling，触发行为是项目序号滚动变化。

注意：绑定数据可以将事件返回的数据和组件显示内容进行绑定。

选中循环容器的列表条目。

点击检查面板中的数据绑定与设置。

绑定数据。

选中循环容器。

点击检查面板中的数据绑定与设置。

开启滚动对其开关。

小程序滚动条无法滚动到底，原因可能是触发下拉加载数据时，当原来数组元素大于100条时，会先把之前的数组截取后40条数据，再拼接新的10条数据赋值给数组来展示页面，这个时候因为数据变更导致滚动条失效。

以上就是关于小程序scroll-view垂直滚动下设置高度问题全部的内容，包括:小程序scroll-view垂直滚动下设置高度问题、请问怎么在小程序里边配置滑动图片联动的效果啊、小程序滚动条无法滚动到底等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！