textarea无法上推整个页面导致部分内容不可见
发布于 5 年前 作者 na04 15511 次浏览 来自 问答

多行文本框固定在底部并设置了自动增高,点击多行文本框的时候,上推页面仅仅只上推到了光标所在的位置,导致部分内容不可见,该如何解决呢?

即使设置了 cursor-spacing 也无法解决,因为这个距离不是固定的。

下面两张图片描述了问题的场景,第一张图键盘距离页面底部的距离是一个数值,第二张图的距离又是一个数值。

所以希望提供一种能力,可以上推整个页面,可以更好的弹出软键盘。

下图是微信聊天界面的截图,无论点击输入框的任何地方,键盘都固定顶在页面的底部,而不是光标的位置。

1 回复

找到解决方法了,textarea的bindfocus

输入框聚焦时触发,event.detail = { value, height },height 为键盘高度,在基础库 1.9.90 起支持

有了键盘高度就可以自己写一个上推页面了。

回到顶部