小程序底部输入框总是被输入法遮住一点怎么办？

发布于 2022-09-11 21:41:32 字数 459 浏览 10 评论 0

<view class="bottom" adjust-position="false">
  <input placeholder="这是一个可以自动聚焦的input" auto-focus/>
  <button size="mini">发送</button>
</view>

.bottom{width: 80%;display: flex;padding-bottom: 20rpx}

没弹窗时
图片描述
弹窗后

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

黯然#的苍凉 2022-09-18 21:41:32

微信小程序input组件配置：adjust-position：true（键盘弹起时，是否自动上推页面）；
或者还可以使用cursor-spacing：100（指定光标与键盘的距离，取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离）
input组件

回复收藏 0

~没有更多了~