首页 > 编程语言 >uniapp开发小程序输入框拉起软键盘时,输入框显示不全,被软键盘挡住一半

uniapp开发小程序输入框拉起软键盘时,输入框显示不全,被软键盘挡住一半

时间:2023-04-04 16:00:35浏览次数:34  
标签:uniapp 一半 输入框 软键盘 iphone input

在开发过程中,input或者Textarea聚焦时,出现遮挡一半的情况

处理方法:

(1)在input或者textarea添加:cursorSpacing="20"留出光标到软键盘的距离。
(2)若在弹窗定位中时需要加入:fixed="true"属性,不然拉起软键盘时没有显示在软键盘上面。
(3)若在<u-popup>中时iphone可能还无法解决这个问题,原因是iphone X有个横杠,需要把安全距离算上,加
上:safeAreaInsetBottom="false"即可,例:<u-popup :show="isShowSend" mode="bottom" :safeAreaInsetBottom="false"
@close="onClosePopup">

 

标签:uniapp,一半,输入框,软键盘,iphone,input
From: https://www.cnblogs.com/czhowe/p/17286717.html

相关文章

  • 输入框监听
    jf.add(textField);textField.addActionListener(newActionListener(){@OverridepublicvoidactionPerformed(ActionEvente){//因为e.getSource返回值类型是Object,所以强转为TextField,使用里面的方法获取吸textTextFieldsource=(TextField)......
  • uniapp-报错记录
    1.JSON转换格式,数据中含有地址 解决方法:经过JSON.stringify()方法转换过的对象或数组,再使用encodeURIComponent()方法再次编码,使用时先通过decodeURIComponent解码,然后再使用JSON.parse()方法转化成json类型的对象或者数组2.globalData踩坑 不小心把globalData写成了函数,一......
  • 从头开始新建uniapp
    1、打开HBuilderX,新建项目 2、修改AppID(在https://mp.weixin.qq.com注册一个小程序)   3、登入Hbuilder自动获取ApppID   4、运行-微信开发者工具 5、此时会自动打开微信开发者工具运行对应项目,如果微信开发者工具打开后没有出现对应成功运行的效果(如下......
  • Uniapp开发的微商个人相册多端小程序源码
    ☑️品牌:Uniapp☑️语言:vue☑️类型:微商个人相册☑️支持:小程序......
  • 基于uniapp开发的zblog多端小程序源码
    ☑️品牌:uniapp☑️语言:vue☑️类型:文章资讯博客☑️支持:小程序......
  • 在input输入框光标位置插入内容
    letinput=document.getElementById('input')lettextToInsert='我是插入的内容';letstartPosition=input.selectionStart;letendPosition=input.selectionEnd;input.value=input.value.substring(0,startPosition)+textToInsert+input.val......
  • uniapp android检查权限,不进行获取
    varManifest=plus.android.importClass("android.Manifest");varMainActivity=plus.android.runtimeMainActivity();MainActivity.checkSelfPermission(Manifest.permission.READ_EXTERNAL_STORAGE)......
  • Uniapp 图片上放另一个图片
    直接上代码.img1a{position:relative;width:100%;height:100%;}.video-open{margin-left:45%;margin-top:45%;position:absolute;z-index:9999;width:70rpx;height:......
  • 记录使用uniapp出现Not found -1,68,0[ERROR]的问题
    由于组件代码内容很长,就对代码进行了拆分,把index.vue里面的template和css代码放到了index.vue里面,把js代码放到了index.js里面,结果h5上面没有问题,app调试的时候出现了Notfound-1,68,0[ERROR]。找到原因是把components也写到了mixin里面,需要把组件引入的代码写在index.vue里面......
  • uniapp与ios原生混合开发教程 - 开篇
    说明有读者反馈:学习uniappios插件开发不知道从哪些文章看起,没有一个清晰的学习路线本文就做一个解答。首先本系列的文章是作者精心排过序的,如果想要完整的学习uniappios原生插件开发技术的话,建议是按文章顺序浏览。当然您如果有相关的开发经验,且只对某一技术实现感兴趣......