微信小程序安卓系统下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
}
相关推荐
头发还在的女程序员20 小时前
家政SaaS平台开源:从供应商入驻到分账结算,源码如何设计?
小程序·开源
焦糖玛奇朵婷1 天前
解锁扭蛋机小程序的五大优势
java·大数据·服务器·前端·小程序
web前端神器1 天前
记录uniapp小程序的报错
小程序·uni-app·apache
weikecms1 天前
外卖霸王餐api接口,美团+淘宝闪购接口
微信·小程序·微客云
Greg_Zhong1 天前
微信小程序中进度条总结
微信小程序·自定义进度条·slider进度条
2501_916008892 天前
深入解析iOS应用启动性能优化策略与实践
android·ios·性能优化·小程序·uni-app·cocoa·iphone
TuCoder2 天前
制作景区导览小程序时,现有手绘图是否可以复用?
小程序·智慧景区·手绘地图·景区导览·电子导览·地图制作·ebmap
小小王app小程序开发2 天前
盲盒小程序一番赏玩法分析
小程序
这是个栗子2 天前
【微信小程序问题解决】删掉 “navigationStyle“: “custom“ 后仍触发了自定义导航栏
微信小程序·小程序·navigationstyle
liangdabiao2 天前
定制的乐高马赛克像素画生成器-微信小程序版本-AI 风格优化-一键完成所有工作
人工智能·微信小程序·小程序