adjust-position=“false”在部分机型失效 uni-app

adjust-position=“false”在部分机型失效 uni-app

开发环境 版本号 项目创建方式
Mac macOs 14.7.2 HBuilderX

产品分类：uniapp/App
PC开发环境操作系统：Mac
HBuilderX类型：正式
HBuilderX版本号：4.76
手机系统：Android
手机系统版本号：Android 15
手机厂商：OPPO
手机机型：Find X7 Ultra
页面类型：vue
vue版本：vue3
打包方式：云端
项目创建方式：HBuilderX

示例代码：

<template>  
    <view class="content" >  
        <view class="content-box">  
            <textarea :adjust-position="false" fixed placeholder="请输入"></textarea>  
        </view>  
    </view>  
</template>  

<script setup>  

</script>  

<style>  
    .content-box {  
        position: fixed;  
        background-color: red;  
        left: 0;  
        right: 0;  
        bottom: 0;  
    }   
</style>

操作步骤：

<template>  
    <view class="content" >  
        <view class="content-box">  
            <textarea :adjust-position="false" fixed placeholder="请输入"></textarea>  
        </view>  
    </view>  
</template>  

<script setup>  

</script>  

<style>  
    .content-box {  
        position: fixed;  
        background-color: red;  
        left: 0;  
        right: 0;  
        bottom: 0;  
    }   
</style>

更多关于adjust-position=“false”在部分机型失效 uni-app的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

复现内容可下载附件查看，编译到小米和华为正常，编译到oppo就失效了

更多关于adjust-position=“false”在部分机型失效 uni-app的实战教程也可以访问 https://www.itying.com/category-93-b0.html


我发现了，出现问题的手机 设置:adjust-position=“true”时，会顶起页面两个键盘高度，设置为false就顶起一个键盘的高度，看附件视频 <template>
<view class="content" >
<view class="content-box">
<textarea :adjust-position="true" fixed placeholder="请输入"></textarea>
</view>
</view>
</template>

<script setup> </script> <style> .content-box { position: fixed; background-color: red; left: 0; right: 0; bottom: 0; } </style>

这段代码content-box被顶起了bottom 0 的位置在两个键盘高度的地方

我也碰到这个问题了，2个小米手机都是hyperOs2.0，设置:adjust-position=“false”，一个手机生效一个手机不生效。

设置:adjust-position="false"不生效的手机，设置成:adjust-position=“true”也是会顶起页面两个键盘高度，暂时没用找到解决方法

回到顶部