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


移动端 web ,需要做一个编辑器输入框。HTML大致如下:


 HTML:
<body contenteditable="true"></body>

CSS:
html, body{
    height: 100%;
}

在 body 里输入内容,因为移动端有个虚拟键盘,当内容高度超出可视区域高度时,光标就在可视区域以下了。怎样让光标始终显示在可视区域呢?

(能兼容 safari mobil 浏览器即可)

编辑器 浏览器 css HTML JavaScript

wyg老婆 10 years, 7 months ago

Your Answer