小程序
小游戏
企业微信
微信支付
扫描小程序码分享
1.cursor-spacing 2.adjust-keyboard-to
这两个属性,前者一知半解,后者一窍不通。希望理解的道友能解惑。
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
cursor-spacing: 输入框光标与键盘的距离,指的是你获取焦点后,键盘弹起来,键盘顶部距离光标的距离。用于有时候键盘弹起来盖住了输入框光标的情况。
adjust-keyboard-to: bottom 效果:对齐输入框底部
adjust-keyboard-to: cursor 效果:默认效果,键盘弹起来,页面上推
cursor-spacing: 20 效果:输入框光标距离键盘顶部的距离。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
文档上描述的还是详细的吧
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
cursor-spacing: 输入框光标与键盘的距离,指的是你获取焦点后,键盘弹起来,键盘顶部距离光标的距离。用于有时候键盘弹起来盖住了输入框光标的情况。
adjust-keyboard-to: bottom 效果:对齐输入框底部
adjust-keyboard-to: cursor 效果:默认效果,键盘弹起来,页面上推
cursor-spacing: 20 效果:输入框光标距离键盘顶部的距离。
于项目之中(皆不上推页面的情况)两种使用texarea的情况,1.作为评论浏览的输入框fixed在底部(聚焦时和键盘一起弹出)、2.作为文章文本编写框处于页面之中,这两种情况单独实现目前目前顺利。
虽实现了功能,以及你的解答,我仍有一个问题就是这两个属性是共用还是分开使用,这么问是因为两个属性皆有设置光标与键盘距离的功能。
最后乘着大佬在这询问一个实战问题(想实现豆瓣书评编写功能,就是标题与内容两个textarea框在一个scroll-view滚动区域内,这样随着内容的增加最外层滚动条同步移动(换行事件时改变滚动条位置)就能保持一个可视编写区域。
遇到的问题是
1.(scorll-view高度动态计算 可视区域高度 - 键盘高度)当内容框textarea超出高度触发滚动时,键盘会失去焦点,点击重新聚焦马上就会失去焦点。
2. 如果内容区域固定高度,可以输入一定内容,但是也会在输入一定内容后失去焦点)。最后这个问题总结就是scroll-view的滚动对textarea的失去焦点之间的关系。
第二个 建议贴下豆瓣书评的操作视频,以及你的小程序的操作视频
简单描述下现在的问题。模仿豆瓣写书评功能,我的实现方式是scroll-view包裹两个textarea,下面textarea高度根据内容自增高,超出滚动条范围开始设置滚动条位置,保持光标一直在可视区域。功能已实现。(现阶段唯一问题,当下面这个textarea自增到一定高度,会失去一次焦点。每次到那个高度都会。然后聚焦继续输入貌似就不会失焦了。失焦时下面textarea内容高度大概有一个1.2倍屏幕高度 )
文档上描述的还是详细的吧