小程序
小游戏
企业微信
微信支付
扫描小程序码分享
我现在遇到一个需求是这样的
模仿微博的发布页面做一个底部图片什么的选择，键盘未弹起时在页面最底，键盘弹起时在键盘上面吸附。
请问哪位大佬做过吗？可以分享下思路吗？感激不尽
10 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
键盘高度变化的接口正在开发中。
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
干嘛非要学微博呢，中规中矩不是挺好的吗？留一个输入框，然后下面做个上传图片的按钮。
输入框，textarea 点击就会被键盘挡住一半，很难看，官方能不能 改成和微信的一样，不要遮挡呢。
请问最后怎么实现的？我的textarea是auto-height。当太多之后他会推着吸附条上移
显示的太突兀的话就做个透明度变化的动画，应该要好点
设置输入框为
position
:
absolute
在bindfocus事件中获取键盘的高度，并且设置输入框bottom的值为键盘的高度
bindfocus里面有个值是可以获取键盘高度的
小程序里做这个功能效果不是特别理想
请问大佬有什么实现思路吗？
position: fixed;bottom: 0
不行，这样不会随键盘弹起。好像如果fixed的元素内包含有input的话，可以通过设置Input与键盘的距离达到跟随的效果，但是我这个不是这样的，textarea是放在页面首部的，需要跟随键盘的那部分是没有input的。然后就无法跟随了。哭死😭
那就通过窗口高度来定义bottom位置，而不是0，wx.onWindowResize是2.3.0后的新接口
这是有一个键盘弹出会遮住input框的bug（不知道算不算bug）。。。点击键盘弹出，计算键盘高度，再赋值给输入框同样的定位！！
请问如何计算键盘高度呢？我似乎没有发现这方面的api
你搜一下社区贴，，这个问题好像有人反馈很多次了。。看看官方有没有给啥建议
谢谢大佬
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
键盘高度变化的接口正在开发中。
干嘛非要学微博呢，中规中矩不是挺好的吗？留一个输入框，然后下面做个上传图片的按钮。
输入框，textarea 点击就会被键盘挡住一半，很难看，官方能不能 改成和微信的一样，不要遮挡呢。
请问最后怎么实现的？我的textarea是auto-height。当太多之后他会推着吸附条上移
显示的太突兀的话就做个透明度变化的动画，应该要好点
设置输入框为
position:absolute在bindfocus事件中获取键盘的高度，并且设置输入框bottom的值为键盘的高度
bindfocus里面有个值是可以获取键盘高度的![]()
小程序里做这个功能效果不是特别理想
请问大佬有什么实现思路吗？
position: fixed;bottom: 0
不行，这样不会随键盘弹起。好像如果fixed的元素内包含有input的话，可以通过设置Input与键盘的距离达到跟随的效果，但是我这个不是这样的，textarea是放在页面首部的，需要跟随键盘的那部分是没有input的。然后就无法跟随了。哭死😭
那就通过窗口高度来定义bottom位置，而不是0，wx.onWindowResize是2.3.0后的新接口
这是有一个键盘弹出会遮住input框的bug（不知道算不算bug）。。。点击键盘弹出，计算键盘高度，再赋值给输入框同样的定位！！
请问如何计算键盘高度呢？我似乎没有发现这方面的api
你搜一下社区贴，，这个问题好像有人反馈很多次了。。看看官方有没有给啥建议
谢谢大佬
谢谢大佬