注册登录

x***@hmaikj.com

x***@hmaikj.com

发布：2019-08-08 19:08
更新：2024-02-26 11:33
阅读：19932

uni-app 完美解决软键盘把fixed顶起问题

分类：uni-app

弹出软键盘

出现问题，主要是以下两个方面导致：
1、fixed 定位问题
2、软键盘把viewport page整个高度缩小了。导致顶部去了

=====================================
知道了原理后，解决起来其实就很简单了；
1、把 fixed 改成absolute
2、通过js计算，把父元素的高度，直接固定；就可以解决了

1 赞关注分享

12 个评论

要回复文章请先登录或注册

喜欢技术的前端

回复故里l ：

先弹出键盘，定位输入框的位置时给个200毫秒的延时

2024-02-26 11:33

回复 2***@qq.com ：

你用了之后有没有调用软键盘过程中闪一下黑色模块

2024-02-26 11:17

1***@qq.com

回复 2***@qq.com ：

这个有用

2023-09-08 10:20

一只眠羊

回复 2***@qq.com ：

你好，会把底部的fixed给顶起

2022-07-01 11:23

8***@qq.com

回复 2***@qq.com ：

完美解决

2021-06-11 15:06

2***@qq.com

设置当前页面softinputMode的值为adjustResize,我自己的项目就是用这个实现了

2020-10-09 16:46

2***@qq.com

{
"path": "pages/cityMakeFriends/weChat",
"style": {
"app-plus": {
"softinputMode": "adjustResize"
},

}
}

2020-10-09 16:44

请叫我九爷

请叫我九爷

把 fixed 改成absolute？我输入框难道我要居中在屏幕中间？

2020-09-19 08:59

监听键盘弹出，隐藏fixed块不好嘛

2020-06-12 09:59

1***@qq.com

想象很美好，现实很残酷

2020-06-12 09:56

1
2
>