请问有大佬做过吸附键盘的效果吗?

发布于 7 年前作者 zhangjie6645 次浏览最后编辑 7 年前来自 ask

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

WXOPEN Club 内容图片

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

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

10 回复
juan58
juan581 楼6 年前

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

WXOPEN Club 内容图片
xuchao
xuchao2 楼6 年前

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

jdai
jdai3 楼6 年前

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

luoming
luoming4 楼6 年前

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

xiuyingyin
xiuyingyin5 楼6 年前

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

min39
min396 楼6 年前

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

li44
li447 楼6 年前

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

wliao
wliao8 楼6 年前

设置输入框为

position: absolute

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

ctan
ctan9 楼6 年前

position: fixed;bottom: 0

yanma
yanma10 楼5 年前

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