uni-app textarea adjust-position设置false 不起作用

44444444

在 uni-app 中使用 textarea 组件时，adjust-position 属性用于控制当键盘弹出时，页面内容是否会自动上移以避免键盘遮挡输入框。默认情况下，adjust-position 的值为 true，即页面内容会自动上移。

如果你将 adjust-position 设置为 false，但发现它不起作用，可能有以下几种原因：

1. 平台差异

adjust-position 的行为在不同平台上可能有所不同。例如，在微信小程序中，adjust-position 可能表现得比较稳定，但在其他平台（如 H5 或 App）可能会出现不一致的行为。

2. 版本问题

确保你使用的 uni-app 版本是最新的，因为某些版本可能存在 bug 或未完全实现某些功能。你可以尝试更新 uni-app 到最新版本，看看问题是否得到解决。

3. 其他样式或代码干扰

有时候，页面中的其他样式或代码可能会影响到 textarea 的行为。你可以尝试在一个干净的页面中只放置 textarea 组件，并设置 adjust-position 为 false，看看是否仍然不起作用。

4. 平台限制

在某些平台上，adjust-position 可能无法完全控制页面的滚动行为。例如，在 H5 环境中，键盘弹出时页面的滚动行为可能由浏览器自身控制，而不是由 uni-app 控制。

5. 使用 cursor-spacing

如果你希望控制输入框与键盘之间的距离，可以尝试使用 cursor-spacing 属性。这个属性可以设置输入框与键盘之间的间距，但不会影响页面的自动滚动。

示例代码

<template>
  <view>
    <textarea
      placeholder="请输入内容"
      :adjust-position="false"
      cursor-spacing="20"
    ></textarea>
  </view>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  }
};
</script>