input控件如何游离于布局之外,出现在最新评论下方,始终紧贴软键盘上方?

发布于 6 年前作者 minfu5835 次浏览最后编辑 6 年前来自 issues

类似微信朋友圈评论的输入框,始终是在朋友圈最新评论下方,贴紧软键盘的上方。完全游离于页面布局,不影响页面。有什么实现思路。

3 回复
fang37
fang371 楼6 年前

可以实现的,实现思路是用scroll-view包住整个页面,点击dom时获取dom的到屏幕底部的距离,然后dom Bottom减去键盘高度和输入框高度保存成变量num,然后获取scroll-view当前的滚动距离减去num,就能获取到正确的移动位置设置给scroll-view就能实现dom对齐键盘输入框,效果你可以来看,miss试用装小程序,在晒小样详情,点击评论他人就能看到这个效果

leitao
leitao2 楼6 年前

监听键盘弹出事件,获取键盘高度,根据页面高度和键盘高度算出页面可视区域高度,然后根据需要控制好页面相关组件的top值

这个说简单,实现起来挺费脑的。因为不同手机不同输入法兼容性还不一样

changyan
changyan3 楼4 年前

坐等大神 这种效果除了原生app的输入键盘 估计没其他的好办法