小程序textarea输入前后,页面滚动到顶部问题

问题遇到的现象和发生背景

微信小程序的textarea在底部的时候,聚焦和失焦后页面都会滚回到顶部,同时输入法键盘弹起。

问题相关代码,请勿粘贴截图

就直接textarea定位到底部就能复现了,我的是红米手机

我的解答思路和尝试过的方法

尝试过设置高度

我想要达到的结果

希望页面不要自动滚动

第一种方法:

去掉textarea所有父级元素的overflow属性。

第二种方法:

页面写一个div用来与textarea交替显示,点击div元素的时候显示textarea,并自动聚焦,失去焦点隐藏textarea,显示div。注意要用v-show显示、隐藏元素。
一定要给这个div添加css样式white-space: pre-wrap;不然div的内容不会显示换行和空格。

非要用textarea吗,textarea确实有这方面的问题,换成输入框试试

我现在是在聚焦后,用pageScrollTo强制滚动回正常位置来暂时处理的,没有找到原因
uni.pageScrollTo({
scrollTop: 元素y坐标,
duration: 300
})

设置文本域的fixed属性为true