【微信小程序】底部弹窗固定定位fixed+textarea,导致的adjust-position在安卓手机失效问题

安卓手机测试时候发现,fixed固定定位导致键盘弹出时,textarea无法正常被顶上去。

然后我就尝试了第二种方法用scroll-view将高度设置为100vh时,将页面保持在视口高度,这个时候发现不管是弹窗是fixed还是absolute都无法让安卓手机的键盘弹出时textarea顶上去

最后我用了最后一种办法,有需要可以看一下

对于底部弹出的组件我把它高度设置为正常高度+键盘高度,至于键盘高度则去监听键盘的弹出从而获取键盘高度,至于键盘高度变化这部分的动画效果用transition:all 100ms;

//popup是我自己写的底部弹出组件,可以自己写一个
//keyboardHeight为键盘高度
<popup bindblanktap='tapMask' popHeight="{
  {426+keyboardHeight}}rpx" wx:if='{
  {showFloatInput}}' id='popup'>
     <view class="textarea">
     //adjust-position键盘弹起时,是否自动上推页面,将他设置为false
      <textarea show-confirm-bar='{
  {false}}' style="height: 160rpx;" focus="{
  {textarea_focus}}" class="" adjust-position="{
  {false}}" value="{
  {inputvalue}}" placeholder="{
  {placeholder}}" placeholder-style="color:#bbb; padding-top:10rpx" bindinput="onTextareaInput" bindkeyboardheightchange="bindkeyboardheightchange"></textarea>
    </view>
</popup>



//监听键盘
bindkeyboardheightchange: function (e) {
      var that = this;
      let keyboardHeight = e.detail.height;
      that.setData({
        keyboardHeight: (keyboardHeight * 750 / wx.getSystemInfoSync().windowWidth) 
      });
},

相关推荐

最近更新

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

    2024-01-12 07:06:03       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-12 07:06:03       106 阅读
  3. 在Django里面运行非项目文件

    2024-01-12 07:06:03       87 阅读
  4. Python语言-面向对象

    2024-01-12 07:06:03       96 阅读

热门阅读

  1. 128. 最长连续序列

    2024-01-12 07:06:03       59 阅读
  2. OD(4)之libunwind打印堆栈信息

    2024-01-12 07:06:03       49 阅读
  3. C语言中socket模块、线程

    2024-01-12 07:06:03       48 阅读
  4. 大模型推理kv_cache缓存

    2024-01-12 07:06:03       50 阅读
  5. Opencv 编译

    2024-01-12 07:06:03       58 阅读
  6. 记录解决mac版islide无法和PPT同步使用的问题

    2024-01-12 07:06:03       53 阅读