微信小程序的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