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

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

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

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

10 回复

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

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

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

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

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

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

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

设置输入框为

position: absolute

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

position: fixed;bottom: 0

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

回到顶部