小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 需求的场景描述(希望解决的问题)
和微博小程序一样,在评论微博文章时,手机键盘弹起,评论框会和手机键盘完美挨着
如图:
*******************************************图片分割线
- 希望提供的能力
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
input框 固定定位在页面底部(注意是用固定定位fixed而不是用绝对定位position),然后使用input组件的cursorspacing属性控制input框与键盘之间的距离,adjust-position属性不要更改,默认开启,支持键盘弹起时,页面自动上推,就能实现你想要的效果了。
还要注意的是,目前这种方案在安卓端没问题,在ios端,系统12以下也没问题,如果已经更新到了ios12版本,使用默认输入法也没问题,但如果使用了第三方输入法(比如搜狗),会出现input框回弹的bug,不过这点微信官方已经表明会在下个版本修复
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
谢谢,明白了
https://developers.weixin.qq.com/s/AbQqPCmy7x3F
代码片段
牛批!
其实就是
cursorSpacing=20,发生的效果?
先隐藏一个公共input,触发评论时用固定布局,固定到底部就可以了
恩恩,谢谢
input控件可以规定距离键盘的距离,官方文档是有的。
原来
cursorSpacing
这个属性,是可以做这个的?
期待有大牛可以教一教,谢谢!
cursorspacing 在小米6 上测试时有问题的,其他手机没试过。在textarea中字的行数变化时,textarea 到键盘的距离是变化的
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
input框 固定定位在页面底部(注意是用固定定位fixed而不是用绝对定位position),然后使用input组件的cursorspacing属性控制input框与键盘之间的距离,adjust-position属性不要更改,默认开启,支持键盘弹起时,页面自动上推,就能实现你想要的效果了。
还要注意的是,目前这种方案在安卓端没问题,在ios端,系统12以下也没问题,如果已经更新到了ios12版本,使用默认输入法也没问题,但如果使用了第三方输入法(比如搜狗),会出现input框回弹的bug,不过这点微信官方已经表明会在下个版本修复
谢谢,明白了
https://developers.weixin.qq.com/s/AbQqPCmy7x3F
代码片段
牛批!
其实就是
cursorSpacing=20,发生的效果?
先隐藏一个公共input,触发评论时用固定布局,固定到底部就可以了
恩恩,谢谢
input控件可以规定距离键盘的距离,官方文档是有的。
原来
cursorSpacing
这个属性,是可以做这个的?
期待有大牛可以教一教,谢谢!
cursorspacing 在小米6 上测试时有问题的,其他手机没试过。在textarea中字的行数变化时,textarea 到键盘的距离是变化的