xuweiguo@hmaikj.com
xuweiguo@hmaikj.com
  • 发布:2019-08-08 19:08
  • 更新:3 天前
  • 阅读:7880

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

分类:uni-app

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

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

0 关注 分享

要回复文章请先登录注册

857957990@qq.com

857957990@qq.com

回复 2083742018@qq.com :
完美解决
3 天前
2083742018@qq.com

2083742018@qq.com

设置当前页面softinputMode的值为adjustResize,我自己的项目就是用这个实现了
2020-10-09 16:46
2083742018@qq.com

2083742018@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
1563204347@qq.com

1563204347@qq.com

想象很美好,现实很残酷
2020-06-12 09:56
15210843871@163.com

15210843871@163.com

回复 1071175587@qq.com :
您好 请问这个是怎么解决的呢 谢谢
2020-06-10 09:45
1071175587@qq.com

1071175587@qq.com

有示例吗,麻烦贴出来看看 我现在就是遇到这个问题
2019-09-24 00:43