微信小程序input弹出键盘挡住文字的解决办法

前端之家收集整理的这篇文章主要介绍了微信小程序input弹出键盘挡住文字的解决办法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

解决思路:阻止键盘弹起时,自动上推页面。输入框获取焦点的时候让页面绝对定位,相对底部 100 像素。失去焦点的时候清空相对底部的距离

源码:

<pre class="has">

js

<pre class="has">
Page({
data: {
input_bottom:0
},// 获取到焦点
focus: function (e) {
this.setData({
input_bottom: 100
})
},// 失去焦点
no_focus: function (e) {
this.setData({
input_bottom: 0
})
},})

原文链接:https://www.f2er.com/weapp/58101.html

猜你在找的微信小程序相关文章