微信小程序安卓系统下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
}
相关推荐
hnxaoli14 小时前
统信小程序(十六)xls转xlsx
开发语言·python·小程序
卓怡学长15 小时前
w272基于springboot便民医疗服务小程序
java·spring boot·spring·小程序·intellij-idea
新华财经频道15 小时前
2026微信小程序搭建平台实测测评,优缺点解析
微信小程序·小程序
kidding7231 天前
旋转大转盘小程序
前端·css·微信小程序·小程序·前端框架
码农客栈2 天前
小程序学习(二十九)之项目打包
小程序
凡科建站2 天前
2026年艺术类教育小程序开发平台有哪些?艺术类教育小程序开发平台推荐
小程序
LT10157974442 天前
2026年在线兼容性测试工具推荐|零部署网页 / APP / 小程序实测对比
测试工具·小程序
码农客栈2 天前
小程序学习(二十八)之“订单列表”
小程序
这是个栗子3 天前
uni-app 微信小程序开发:常用事件指令(@xxx)(一)
微信小程序·小程序·uni-app
2601_962344623 天前
计算机毕业设计之基于大数据的投保数据的分析系统的设计与实现
大数据·人工智能·深度学习·机器学习·信息可视化·小程序·课程设计