微信小程序输入框上移问题解决
发布时间：2021-06-25 10:47 所属栏目：小程序开发教程
微信小程序的输入框在上面还好,如果不是,在聚焦的时候页面就会上移,上方的页面信息会
inputFocus (e) {
this.setData({bottom: e.detail.height})
},
inputBlur () {
this.setData({bottom: 0})
}
|
看不到,影响用户操作
在这里可以手动设置并获取输入框的高度来解决
这种方式虽然有的机子有点卡,但是已经算是比较完美的解决方案了
页面部分
<view class="page-bottom" style="bottom:{{bottom}}px">
<view class="block input-box">
<view class="block-left">
<input bindconfirm="toSubmit"
value="{{code}}"
bindfocus="inputFocus"
bindblur="inputBlur"
focus
adjust-position="{{false}}"
class="block-main"
type="text"
placeholder="手动输入"
confirm-type="go"
cursor-spacing="100"></input>
</view>
</view>
</view>
|
js部分
