要解决小程序底部textarea输入框在键盘弹起时页面整体上移的问题,您可以采取以下方法:
1.使用wx.pageScrollTo API:
在textarea获得焦点时,通过调用wx.pageScrollTo API将页面滚动到合适的位置,使输入框可见。通过设置scrollTop属性为一个合适的值,可以实现页面的滚动。
2.监听键盘高度变化事件:
通过监听键盘高度变化的事件,如keyboardHeightChange、keyboardHeightChanged等,获取键盘的高度,并计算出页面需要上移的距离。然后通过修改页面的样式,如使用transform属性将整个页面上移,以确保输入框可见。
3.使用小程序官方组件:
微信小程序官方提供了一些组件(如<input>和<textarea>),这些组件在键盘弹起时会自动调整页面布局,确保输入框不被键盘遮挡。建议您使用这些官方组件,以简化开发和避免此类问题的出现。

目前体验不好,有很多问题:
[ios] textarea 组件,聚焦时使用 setData,会导致失焦收起键盘
https://github.com/xiaweiss/miniprogram-bug-report/issues/172
textarea 组件,在 scroll-view 内部使用时,无法滚动到底部
https://github.com/xiaweiss/miniprogram-bug-report/issues/168