2

我正在开发一个包含内容可编辑 div 的移动网站，用户可以在其中输入长内容。
jsfiddle 上的演示：http: //jsfiddle.net/xJzXF/6/show/。
jsfiddle 上的源代码：http: //jsfiddle.net/xJzXF/6/。

我的应用程序的布局很简单，如下所示：

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<div class="container">
    <div contenteditable="true" class="editor">this is contenteditable div</div>
</div>

如果您使用 android/chrome 访问演示，它运行良好。
但如果使用 iOS/safari，当用户输入 div 时，键盘将覆盖用户正在输入的内容。iOS/safari 似乎没有将插入符号保留在可见区域。用户在输入时必须滚动到光标，这是不可接受的。

有谁知道如何解决这一问题？谢谢。

4

0 回答 0