小程序相关功能的实现
1.聊天界面,新发送消息后,屏幕定位到最新的消息
实现思路:将所有msg都编号如:msg-0,msg-1,msg-2… 直接锁定最后一条msg,滚动到那里。
1.在scroll-view中添加:scroll-into-view=\'{{toView}}\’,
2.在每个msg布局中添加:id=\’msg-{{index}}\’,
3.在消息列表newslist更新之后,更新toView (不能同时setData,那样newlist还没更新)
注意的是:scroll-view组件 必须设置固定高度,scroll-into-view才生效
// 新发消息后 滚动到最底部消息
bottom: function () { this.setData({ toView: \'msg-\' + (this.data.newslist.length - 1) }) },
版权声明:本文为Deaseyy原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。