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

Question

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

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

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

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

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

尝试过设置高度

我想要达到的结果

希望页面不要自动滚动

Answer 1

第一种方法：

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

第二种方法：

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