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 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/Deaseyy/p/13513160.html