Deaseyy

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

 

分类:

技术点:

相关文章: