input控件如何游离于布局之外,出现在最新评论下方,始终紧贴软键盘上方?
发布于 4 年前 作者 minfu 5621 次浏览 来自 官方Issues

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

3 回复

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

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

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

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

回到顶部