欢迎光临,了解微信小程序开发,就上易用通!

微信小程序输入框上移问题解决

发布: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部分






免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。