微信小程序安卓系统下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
}
相关推荐
多看书少吃饭8 小时前
小程序支持HTTP POST 流式接口吗?
网络协议·http·小程序
询问QQ:48773927811 小时前
CDB文件第0x2C位置存放温度阈值
小程序
vx_vxbs6611 小时前
【SSM高校普法系统】(免费领源码+演示录像)|可做计算机毕设Java、Python、PHP、小程序APP、C#、爬虫大数据、单片机、文案
android·java·python·mysql·小程序·php·idea
吹水一流12 小时前
微信小程序页面栈:从一个 Bug 讲到彻底搞懂
前端·微信小程序
duansamve15 小时前
支付宝小程序开发工具中如何模拟给页面传参?
小程序·支付宝小程序
低代码布道师16 小时前
医疗预约小程序原型设计
低代码·小程序
星光一影16 小时前
同城派送系统源码,支持小程序,h5,app
mysql·小程序·php·uniapp
说私域16 小时前
基于链动2+1模式AI智能名片S2B2C商城小程序的微商运营内容研究
大数据·人工智能·小程序
Jing_Rainbow17 小时前
【 Weapp-3 /Lesson20(2025-11-04)】路虎卫士小程序开发详解:从架构到细节的深度解析🚙📱
微信·微信小程序·程序员