请问有大佬做过吸附键盘的效果吗?
发布于 6 年前 作者 zhangjie 6486 次浏览 来自 问答

我现在遇到一个需求是这样的

模仿微博的发布页面做一个底部图片什么的选择,键盘未弹起时在页面最底,键盘弹起时在键盘上面吸附。

请问哪位大佬做过吗?可以分享下思路吗?感激不尽

10 回复

bindfocus里面有个值是可以获取键盘高度的

小程序里做这个功能效果不是特别理想

键盘高度变化的接口正在开发中。

请问最后怎么实现的?我的textarea是auto-height。当太多之后他会推着吸附条上移

显示的太突兀的话就做个透明度变化的动画,应该要好点

干嘛非要学微博呢,中规中矩不是挺好的吗?留一个输入框,然后下面做个上传图片的按钮。

输入框,textarea 点击就会被键盘挡住一半,很难看,官方能不能 改成和微信的一样,不要遮挡呢。

设置输入框为

position: absolute

在bindfocus事件中获取键盘的高度,并且设置输入框bottom的值为键盘的高度

position: fixed;bottom: 0

这是有一个键盘弹出会遮住input框的bug(不知道算不算bug)。。。点击键盘弹出,计算键盘高度,再赋值给输入框同样的定位!!

回到顶部