uniapp 微信小程序 输入框跟随手机键盘弹起

需求:手机键盘弹起后,页面底部的输入框跟随弹起,且页面不被顶上去

html:

     <textarea
		    class="textinput"
			placeholder-class="input-place"
			auto-height
			:maxlength="2000"
			v-model="text"
			placeholder="在此输入您想要我研究的问题"
			:show-confirm-bar="false"
			:adjust-position="false"
			@keyboardheightchange="keyboardMove"
	  ></textarea>

js:

  const inputBottom = ref(null)
  const keyboardMove = (e) => {
	  if (e.detail.height) {
		showRect.value = false
	  } else {
		showRect.value = true
	  }
	  inputBottom.value = e.detail.height
  }

css:

textarea {
    max-height: 160rpx !important;
    overflow-y: hidden;
}

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-29 14:26:02       91 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-29 14:26:02       97 阅读
  3. 在Django里面运行非项目文件

    2024-03-29 14:26:02       78 阅读
  4. Python语言-面向对象

    2024-03-29 14:26:02       88 阅读

热门阅读

  1. 四、分治算法

    2024-03-29 14:26:02       42 阅读
  2. 2024蓝桥杯每日一题(背包)

    2024-03-29 14:26:02       47 阅读
  3. Vue3 实现基于token 用户登录

    2024-03-29 14:26:02       40 阅读
  4. 前端Vue开发技术总结

    2024-03-29 14:26:02       45 阅读
  5. day72Html

    day72Html

    2024-03-29 14:26:02      50 阅读
  6. 微信小程序监听用户经纬度变化

    2024-03-29 14:26:02       42 阅读
  7. 2024.3.25 ARM

    2024-03-29 14:26:02       37 阅读
  8. ArcGis Pro Python工具箱教程 03 工具箱中工具自定义

    2024-03-29 14:26:02       40 阅读
  9. silk-v3-decoder将sil转为mp3

    2024-03-29 14:26:02       76 阅读