在较长的表单中,页面可能需要滑动, 在这种情况下,在苹果手机上使用Input显示正常,但是在安卓手机上就会出现输入内容上移错位的问题,严重影响使用
需要设置一个状态控制scroll-view是否允许滑动,当Input获取焦点是,将滑动禁止,当Input失去焦点时,允许滑动文章来源地址https://www.toymoban.com/news/detail-807947.html
<scroll-view scroll-y="{{isScroll}}" style="height: 100vh;">
<input type="digit" @focus="bindfocus" @blur="closeblur" />
</scroll-view>
// 获取焦点事件
bindfocus(){
this.isScroll = false
},
// 失去焦点事件
closeblur() {
this.isScroll = true
}
文章来源:https://www.toymoban.com/news/detail-807947.html
到了这里,关于微信小程序安卓系统下Input输入内容上移错位问题的解决办法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!