小程序
小游戏
企业微信
微信支付
扫描小程序码分享
我在做了个聊天页面中使用了个 scroll-view 作为聊天信息的展示,当进入聊天页面时候想像微信一样最后的聊天信息能够展示在聊天输入一起的底部,当我拉动滚动条翻看前面的信息后在输入,想保持插入新的信息放在底部正常显示,想清楚如何实现,普通网页是逻辑清楚的,小程序里没思路望高手指导,谢谢!
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
@3楼
好像有变化 就是不是在最底部,如果不在底部新发的聊天信息会被遮挡,有什么方法完善吗?
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
@ 3楼
我大致理解了 scroll-into-view 的用意了,我尝试了下做了处理 好像没起作用,帮忙看下我理解的是否正确?
wxml里我做了 <scroll-view scroll-y="true" class="ChatBox" scroll-into-view="{{toView}}"> toView 设置
<view class="chat" data-type="0" id="c2379437"> 这个为内部元素设置了个id且唯一的
js
data:{
toView: "c2379437"
},
给每一个聊天信息一个唯一的id。
然后设置scroll-view的属性scroll-into-view="{{sid}}"
每次发送/收到消息生成聊天信息后把生成的最新的id值setData给sid
有具体的js代码供参考吗?
scroll-view 有一个属性 height 设置以后就可以
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
@3楼
好像有变化 就是不是在最底部,如果不在底部新发的聊天信息会被遮挡,有什么方法完善吗?
@ 3楼
我大致理解了 scroll-into-view 的用意了,我尝试了下做了处理 好像没起作用,帮忙看下我理解的是否正确?
wxml里我做了 <scroll-view scroll-y="true" class="ChatBox" scroll-into-view="{{toView}}"> toView 设置
<view class="chat" data-type="0" id="c2379437"> 这个为内部元素设置了个id且唯一的
js
data:{
toView: "c2379437"
},
给每一个聊天信息一个唯一的id。
然后设置scroll-view的属性scroll-into-view="{{sid}}"
每次发送/收到消息生成聊天信息后把生成的最新的id值setData给sid
有具体的js代码供参考吗?
scroll-view 有一个属性 height 设置以后就可以