小程序
小游戏
企业微信
微信支付
扫描小程序码分享
实现点击不同位置输入框,自定义键盘弹出后都能实现整个页面滚动不同距离,使点击的目标输入框能显示在键盘的上方,就像弹出系统键盘,页面向上移动一样,不同高度的输入框,滚动不同的距离,动态计算,适配不同移动端。
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你都已经用自定义键盘了,还有用到input组件吗?
自定义键盘的高度你应该是可以获取到吧,点击输入框的时候可以获取当前组件纵坐标,输入框要移动的距离应该=键盘高度-(scrollHeight-输入框纵坐标),然后上移页面内容可以使用css的transform
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
这个方案应该能解决你的问题。仔细阅读input组件官方文档,有一个参数cursor-spacing 指定光标与键盘的距离,取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离
https://developers.weixin.qq.com/miniprogram/dev/component/input.html
本回答由AI生成,可能已过期、失效或不适用于当前情形,请谨慎参考
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你都已经用自定义键盘了,还有用到input组件吗?
自定义键盘的高度你应该是可以获取到吧,点击输入框的时候可以获取当前组件纵坐标,输入框要移动的距离应该=键盘高度-(scrollHeight-输入框纵坐标),然后上移页面内容可以使用css的transform
这个方案应该能解决你的问题。仔细阅读input组件官方文档,有一个参数cursor-spacing 指定光标与键盘的距离,取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离
https://developers.weixin.qq.com/miniprogram/dev/component/input.html