![2***@qq.com](https://img-cdn-tc.dcloud.net.cn/account/identicon/d33a6143816f6bb64da26b82bae9ccca.png)
- 发布:2023-09-06 14:34
- 更新:2023-09-06 15:57
- 阅读:321
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 13.3.1
手机系统: 全部
手机系统版本号: Android 14
手机厂商: 华为
手机机型: 荣耀V30
页面类型: vue
vue版本: vue3
打包方式: 离线
项目创建方式: CLI
CLI版本号: 5.0.8
测试过的手机:
示例代码:
//html
<view class="comment-position"></view>
// css
.comment-position {
position: fixed;
bottom: 0;
width: 100%;
z-index: 1000;
}
//html
<view class="comment-position"></view>
// css
.comment-position {
position: fixed;
bottom: 0;
width: 100%;
z-index: 1000;
}
操作步骤:
页面底部放置一个fixed定位元素,包含一个富文本编辑器,聚焦时可唤醒软键盘
页面底部放置一个fixed定位元素,包含一个富文本编辑器,聚焦时可唤醒软键盘
预期结果:
软键盘唤醒时顶起fixed定位元素
软键盘唤醒时顶起fixed定位元素
实际结果:
软键盘唤醒时不一定能顶起fixed定位元素,有时会出现遮挡的情况
软键盘唤醒时不一定能顶起fixed定位元素,有时会出现遮挡的情况
bug描述:
文章底部有一个fixed定位的元素,元素内有一个富文本编辑器,focus时,唤醒软键盘,有时会出现无法将fixed定位元素顶起的情况,导致富文本编辑器被遮挡
![](http://img-cdn-tc.dcloud.net.cn/uploads/questions/20230906/b262e8874c341c3f8dc4586f6634d1eb.jpg)
![](http://img-cdn-tc.dcloud.net.cn/uploads/questions/20230906/380fd457bd3355d31a39c527e2b57d73.jpg)
![](http://img-cdn-tc.dcloud.net.cn/uploads/questions/20230906/83c5655d1d2c93179c1bbfb645c77133.jpg)
![2***@qq.com](https://img-cdn-tc.dcloud.net.cn/account/identicon/d33a6143816f6bb64da26b82bae9ccca.png)
2***@qq.com (作者)
找到一个稳定复现的办法,首次进入app,fixed定位元素能被键盘顶起,此时在app内任意页面触发一次input或textare输入框,刚才的fixed定位元素就会被键盘遮挡
![等下班](https://img-cdn-tc.dcloud.net.cn/account/identicon/6d0b36075bbaf1cb44c384af7617700e.png)
等下班 - 1111111
这个问题我提过很久了都没人解决.我的需要是不顶起页面,但是adjust-position完全是随着打包随机的。