正在做一个微信小程序的demo,想请求前辈们几个问题!

各位前辈好,今天自己在做一个类似机器人聊天的微信小程序demo的时候,遇到两个问题,百度了一下还是没有解决,所以想过来这边求助一下。

这个是界面
图片描述

1.在微信里面,点击下面输入框之后,弹出来的手机输入法会把整个页面都往上顶了,这个输入框我是用了fixed布局的,而且我发现只要这个输入的位置高于弹出来的输入法的高度,就不会往上顶,这个我不知道要怎么解决!

图片描述

机器人的第一句话已经看不到了,被顶到上面去了!

2.聊天的列表我是用了scroll-view组件,但是这个组件不会自动滚到最底部,我希望跟微信那样,你输入了一句话,它就自动滚动到你那句话,或者说是滚到最底部,我百度了一下,看到有个方法是这样,图片描述

但是这个回调函数在手机测试的时候滚动效果很不好啊,卡卡的,一点都不流畅。不知道是怎么回事。。

刚学微信小程序不久,如果问题太低级冒犯了各位大佬,先说声抱歉了!同时也希望得到大佬们指教!

回答:

输入法弹出,原界面偏移问题

这个很明显是因为你没有考虑到输入法的弹出问题。一旦它弹出了,你那个初始页面的宽高也要修改呀。或者输入法,输入框,消息界面,3个意思做一个flex布局。

关于scroll控制

如果觉得第三方插件不靠谱,那就自己实现。反正DOM元素有scrolltop之类的属性,自己设置就好啦。

以上是 正在做一个微信小程序的demo,想请求前辈们几个问题! 的全部内容, 来源链接: utcz.com/a/148989.html

回到顶部