小程序
小游戏
企业微信
微信支付
扫描小程序码分享
小程序里面要实现聊天的功能,目前遇到的一个问题。
1、点击输入框后,页面往上移动了,最新聊天的文字被覆盖。尤其是刚开始创建对话
2、textarea获得焦点后移动小键盘上方过程缓慢与input表现不一致,不能与微信一样同步弹出。肉眼看上去明显,体验糟糕
8 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
textarea获得焦点后移动小键盘上方过程缓慢与input表现不一致,不能与微信一样同步弹出
这个 问题依然存在 有解决的方案么
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
针对第一个问题:
使用scroll-view包住聊天内容,然后在创建会话时用scroll-into-view定位到最后一个聊天,顺便加一个scroll-with-animation可以让滚动过程更顺滑;
数据框聚焦使用bindfocus,获取最后一条聊天数据ID后重新赋值给scroll-into-view,也可以在聊天内容末尾自行添加一个包含ID的view,随时用于滚动定位。
谢谢回复。我们现在索性把聊天框放到了顶部。采用多行的。就解决了那2个问题。同时遇到了一个新问题。新问题是:无法自动获取焦点,需要点击时才能获取。求教
关注
我们目前把输入框放顶部了
textarea 定位微信官方好像是有bug的,之前哪里看到过
能找到吗、
我也正在做一个IM小程序,可以加微信交流下
你说的第一个方法,我们试了下,体验极差
我觉得应该动态的判断,小键盘的高度,然后设置相应的滚动高度吧
sure?用了“吧”
请教一下怎么获取键盘高度?
bindfocus 输入框聚焦时触发,event.detail = { value, height },height 为键盘高度,在基础库 1.9.90 起支持 文档上有
第一个问题:我的思路是每次输入框聚焦的时候,获取键盘的高度,再动态的改变下上边聊天框口的高度,input失焦的时候收起,再把聊天窗口的高度变回来(没有做过这类问题,所以也不知道难不难实现,希望对你有帮助吧);
第二个问题我现在没有好的解决方案,帮不到你了。
你在分析已经很赞了
我也没找着获取键盘高度的方法
bindfocus 输入框聚焦时触发,event.detail = { value, height },height 为键盘高度,在基础库 1.9.90 起支持
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
textarea获得焦点后移动小键盘上方过程缓慢与input表现不一致,不能与微信一样同步弹出
这个 问题依然存在 有解决的方案么
针对第一个问题:
使用scroll-view包住聊天内容,然后在创建会话时用scroll-into-view定位到最后一个聊天,顺便加一个scroll-with-animation可以让滚动过程更顺滑;
数据框聚焦使用bindfocus,获取最后一条聊天数据ID后重新赋值给scroll-into-view,也可以在聊天内容末尾自行添加一个包含ID的view,随时用于滚动定位。
谢谢回复。我们现在索性把聊天框放到了顶部。采用多行的。就解决了那2个问题。同时遇到了一个新问题。新问题是:无法自动获取焦点,需要点击时才能获取。求教
关注
我们目前把输入框放顶部了
textarea 定位微信官方好像是有bug的,之前哪里看到过
能找到吗、
我也正在做一个IM小程序,可以加微信交流下
你说的第一个方法,我们试了下,体验极差
我觉得应该动态的判断,小键盘的高度,然后设置相应的滚动高度吧
sure?用了“吧”
请教一下怎么获取键盘高度?
bindfocus 输入框聚焦时触发,event.detail = { value, height },height 为键盘高度,在基础库 1.9.90 起支持 文档上有
第一个问题:我的思路是每次输入框聚焦的时候,获取键盘的高度,再动态的改变下上边聊天框口的高度,input失焦的时候收起,再把聊天窗口的高度变回来(没有做过这类问题,所以也不知道难不难实现,希望对你有帮助吧);
第二个问题我现在没有好的解决方案,帮不到你了。
你在分析已经很赞了
请教一下怎么获取键盘高度?
我也没找着获取键盘高度的方法
bindfocus 输入框聚焦时触发,event.detail = { value, height },height 为键盘高度,在基础库 1.9.90 起支持