微信小程序:scroll-view自动滚动到最底部,附view标签滚动到底部方法

简介

小程序某项目中有个需求:用户进入聊天页,自动到最底部,发送(接收)新消息也到最底部。
由于本身是小程序,且有支持的方法了,所以没有采用计算内容的高度,通过设置 scroll-top 的值,达到效果的方法(代码 冗余没必要)。
小程序API中有scroll-view标签组件,该组件有个方法:scroll-into-view(值应为某子元素id(id不能以数字开头)。设置哪个方向可滚动,则在哪个方向滚动到该元素),即可快速实现需求效果。
在这里插入图片描述

具体实现

1、设置哪个方向可滚动,则在哪个方向滚动到该元素(即滚动到指定元素底部的位置)。所以设置Y轴滚动,并且遍历数据的时候给每条数据添加一个id,设置scroll-into-view的值为最后一条数据的id就可以。如下图:
在这里插入图片描述
2、至于这个id(循环的标签处,此处即view)可以利用好索引,它最后一条数据的id就是所有数据的length-1了。如下图:

评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值