微信小程序安卓系统下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
}
相关推荐
焦糖玛奇朵婷4 小时前
盲盒小程序一站式开发
java·大数据·服务器·前端·小程序
CHU7290355 小时前
潮玩解锁新方式!扭蛋机盲盒小程序前端功能玩法解析
小程序
程序媛徐师姐5 小时前
Java基于微信小程序的线上教育商城,附源码+文档说明
java·微信小程序·线上教育商城小程序·java线上教育商城小程序·线上教育商城微信小程序·线上教育小程序·线上教育微信小程序
2501_915106327 小时前
如何在 Mac 上面代理抓包和数据流分析
android·macos·ios·小程序·uni-app·iphone·webview
peachSoda78 小时前
小程序图片加载优化方案
前端·微信小程序·小程序
2501_915921438 小时前
在 Linux 上通过命令行上架 iOS APP,Fastlane + AppUploader(开心上架)
android·linux·运维·ios·小程序·uni-app·iphone
云云只是个程序马喽8 小时前
推客系统源码部署小程序配置机构号教程
小程序
吴声子夜歌8 小时前
小程序——开放接口(登录和用户信息)详解
小程序·apache
2501_915921438 小时前
从构建到 IPA 保护,Flutter iOS 包如何做混淆与安全处理
android·安全·flutter·ios·小程序·uni-app·iphone
努力成为包租婆8 小时前
【微信小程序-内嵌H5,微信开发工具上-页面没有更新】
微信小程序·小程序