温馨提示
  • 欢迎您光临共享屋素材网,本站所有资源均来自网络或用户自主上传,本站所有素材仅交流学习用途,请勿商用。
  • 微信小程序输入框上移问题解决

    微信小程序的输入框在上面还好,如果不是,在聚焦的时候页面就会上移,上方的页面信息会看不到,影响用户操作

    在这里可以手动设置并获取输入框的高度来解决

    这种方式虽然有的机子有点卡,但是已经算是比较完美的解决方案了

    页面部分

    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})
    }
    登录开启无限免费下载