uniapp 安卓H5端,textarea 页面聚焦被推上去,失焦后无法复原,且拉不下来

框架:uniapp vue2

问题:当点击textarea输入框后,软键盘打开,把页面推了上去,当失去焦点后,软键盘收起,但是页面还保持着被推上去的样子且无法手动拉下来

解决方法
简述:调用输入框失去焦点时触发的方法,官方有个方法。当失去焦点的时候,给页面高度赋值她在打开软键盘时候的高度,官方也有个控制页面滚动位置的方法

注意
在获取页面高度的时候,有多种方法,普通页面(非nvue、v-if、父子组件)都可使用官方的生命周期(onPageScroll)进行监听高度,但是由于我的页面是用了v-if的条件判断渲染出来的,所以使用了scroll-view组件里面的scroll方法来进行监听。

 <scroll-view v-else-if="showPage === 'happen'" scroll-y  @scroll="scroll">
 	......
	<textarea @blur="textBlur"/>
	......
 </scroll-view>
    scroll(event) {
      this.scrollTopPX = event.detail.scrollTop
    },
    textBlur() {
      uni.pageScrollTo({
        scrollTop: this.scrollTopPX,
        duration: 300,
      })
    },
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值