小程序scroll-into-view实现即时聊天踩坑记录

一、scroll-into-view 使用需注意

  • scroll-into-view得值需要动态setData，不能写死
  • 需要在渲染完成后才进行scroll-into-view赋值跳转，否则跳转不对
    例如：渲染的数据为showList,新增了一条记录，需要先setData掉新的showList，再setData掉scroll-into-view的值
  • 如果要实现键盘弹出，聊天记录上移，跳到最新一条，需要注意的是，先进行对scroll-view的高度改变，再进行渲染赋值showList，再进行scroll-into-view赋值，想偷懒的话可通过延时函数实现

二、弹性布局记录

  • display:flex;
    justify-content: center;
    实现居中没问题
    但是设置了flex-direction: column;发现居中无效了，此时设置纵向排列后使用 align-items: center;发现可以了
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容