微信小程序安卓系统下Input输入内容上移错位问题的解决办法

在较长的表单中,页面可能需要滑动, 在这种情况下,在苹果手机上使用Input显示正常,但是在安卓手机上就会出现输入内容上移错位的问题,严重影响使用

需要设置一个状态控制scroll-view是否允许滑动,当Input获取焦点是,将滑动禁止,当Input失去焦点时,允许滑动

html 复制代码
<scroll-view scroll-y="{{isScroll}}" style="height: 100vh;">
    <input type="digit"  @focus="bindfocus" @blur="closeblur"  />
</scroll-view>
javascript 复制代码
// 获取焦点事件
bindfocus(){
    this.isScroll = false     
},
// 失去焦点事件
closeblur() {
    this.isScroll = true
}
相关推荐
于先生吖5 小时前
高并发稳定运营,JAVA 动漫短剧小程序 + H5 源码
java·开发语言·小程序
2501_915921435 小时前
uni-app一键生成iOS安装包并上传TestFlight全流程
android·ios·小程序·https·uni-app·iphone·webview
CHU7290355 小时前
旧衣新生之旅:旧衣服回收小程序的环保实践
小程序
闹小艾5 小时前
2026 知识付费线上课程小程序 SaaS制作平台深度评测:6 大维度拆解,教你选对不踩坑
大数据·小程序
一只小白菜5 小时前
Taro 4 + 支付宝小程序:Vite 编译报错 chunk.type undefined 的终极解决方案
小程序·taro
低代码布道师1 天前
微搭低代码MBA 培训管理系统实战 25——小程序用户登录与账号绑定
低代码·小程序
大黄说说1 天前
SaaS小程序制作平台对比:码云数智、有赞、微盟
微信小程序
清风絮柳2 天前
65.少儿英语微信小程序
vue.js·spring boot·微信小程序·小程序·毕业设计
tjsoft2 天前
unigui开发微信小程序
微信小程序·小程序
m0_462803883 天前
“趣味运动会记分”功能教学指南
小程序