收藏
回答

小程序,自定义键盘,遮挡输入框,如何实现输入框滚动到键盘的上方?

实现点击不同位置输入框,自定义键盘弹出后都能实现整个页面滚动不同距离,使点击的目标输入框能显示在键盘的上方,就像弹出系统键盘,页面向上移动一样,不同高度的输入框,滚动不同的距离,动态计算,适配不同移动端。

回答关注问题邀请回答
收藏

3 个回答

  • showms
    showms
    01-31

    你都已经用自定义键盘了,还有用到input组件吗?

    自定义键盘的高度你应该是可以获取到吧,点击输入框的时候可以获取当前组件纵坐标,输入框要移动的距离应该=键盘高度-(scrollHeight-输入框纵坐标),然后上移页面内容可以使用css的transform

    01-31
    有用 1
    回复 1
    • 骑🐌上高速
      骑🐌上高速
      发表于移动端
      01-31
      谢谢,已经解决
      01-31
      回复
  • 启年
    启年
    01-30

    这个方案应该能解决你的问题。仔细阅读input组件官方文档,有一个参数cursor-spacing 指定光标与键盘的距离,取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离


    https://developers.weixin.qq.com/miniprogram/dev/component/input.html


    01-30
    有用
    回复
  • 智能回答 智能回答 本次回答由AI生成
    01-30
    有用
    回复
登录 后发表内容