为了账号安全,请及时绑定邮箱和手机立即绑定

如何让光标始终显示在编辑框的可视区域内?

如何让光标始终显示在编辑框的可视区域内?

鸿蒙传说 2019-03-22 19:15:31
移动端 web,需要做一个编辑器输入框。HTML大致如下:HTML:<body contenteditable="true"></body>CSS:html, body{    height: 100%;}在 body 里输入内容,因为移动端有个虚拟键盘,当内容高度超出可视区域高度时,光标就在可视区域以下了。怎样让光标始终显示在可视区域呢?(能兼容 safari mobil 浏览器即可)
查看完整描述

1 回答

?
小唯快跑啊

TA贡献1863条经验 获得超2个赞

恰好我也遇到過這個問題。
這是 Safari 的一個 bug。

解決方案很簡單,就是把 contenteditable 放在一個固定大小的元素當中,這樣當溢出的時候就能自動滾動了。


查看完整回答
反对 回复 2019-04-11
  • 1 回答
  • 0 关注
  • 339 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号