请问前端大牛,微博小程序的评论框是怎样做到和手机键盘紧挨的?
发布于 7 年前 作者 dinglei 6059 次浏览 来自 问答
  • 需求的场景描述(希望解决的问题)

和微博小程序一样,在评论微博文章时,手机键盘弹起,评论框会和手机键盘完美挨着

如图:

*******************************************图片分割线

  • 希望提供的能力
5 回复

先隐藏一个公共input,触发评论时用固定布局,固定到底部就可以了

input框 固定定位在页面底部(注意是用固定定位fixed而不是用绝对定位position),然后使用input组件的cursorspacing属性控制input框与键盘之间的距离,adjust-position属性不要更改,默认开启,支持键盘弹起时,页面自动上推,就能实现你想要的效果了。

还要注意的是,目前这种方案在安卓端没问题,在ios端,系统12以下也没问题,如果已经更新到了ios12版本,使用默认输入法也没问题,但如果使用了第三方输入法(比如搜狗),会出现input框回弹的bug,不过这点微信官方已经表明会在下个版本修复

input控件可以规定距离键盘的距离,官方文档是有的。

期待有大牛可以教一教,谢谢!

回到顶部