微信小程序输入框上移问题解决
微信小程序的输入框在上面还好,如果不是,在聚焦的时候页面就会上移,上方的页面信息会看不到,影响用户操作
在这里可以手动设置并获取输入框的高度来解决
这种方式虽然有的机子有点卡,但是已经算是比较完美的解决方案了
页面部分
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<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部分
| 1 2 3 4 5 6 |
inputFocus (e) { this.setData({bottom: e.detail.height})},inputBlur () { this.setData({bottom: 0})} |
如果您的问题还未解决可以联系站长付费协助。
有问题可以加入技术QQ群一起交流学习
本站vip会员 请加入无忧模板网 VIP群（50604020） PS:加入时备注用户名或昵称
普通注册会员或访客 请加入无忧模板网 技术交流群（50604130）
客服微信号：15898888535
声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若内容侵犯了原著者的合法权益，可联系站长删除。
