小程序输入框导致界面上移,在输入的时候固定住页面的解决代码

128 阅读1分钟

效果:

代码:


	<view class="comment" style="bottom:{{bottom}}px">
		<view class="emoji_block" wx:if='{{emoji_block_show}}'>
			<view wx:for='{{connectemoji}}' catchtap="add_biaoqing" id="{{item}}" class="emoji" wx:key=''>{{item}}</view>
		</view>
		<view class="comment_footer">
			<view class="biaoqing" catchtap="emoji_block_show">😊</view>
			<input placeholder=""
          bindfocus="inputFocus"
          bindblur="inputBlur" adjust-position="{{false}}" bindinput="input" value='{{txt}}'></input>
			<!-- <image class="upImg" catchtap="upLoad" src="/images/upImg.png"></image> -->
			<button bindtap="sendOut">发送</button>
		</view>
	</view>

.comment {
  width: 100%;
  z-index: 3;
  position: absolute;
  bottom: 0;
  z-index: 222;
  background: #fff;
}

  inputFocus (e) {
    this.setData({bottom: e.detail.height})
  },
  inputBlur () {
    this.setData({bottom: 0})
  },