在iOS中,即使是包含在具有
在Android浏览器中(我已经在2.3和4.0中测试了默认浏览器以及4.0中的Chrome),这种情况并不会发生。文本区域会被键盘覆盖,用户看不到自己输入的内容。
作为仅适用于Android的临时解决方法,我在
是否有更加优雅的解决方案,以保持布局的完整性?
我在jsfiddle中制作了一个小例子。在Android浏览器中查看,以了解我的意思:http://fiddle.jshell.net/5cvj5/show/light/
position: fixed
的div中的文本区域,当文本区域获得焦点时,操作系统会确保它可见(有时意味着将整个浏览器窗口向上滑动),以便文本区域不被键盘遮挡。在Android浏览器中(我已经在2.3和4.0中测试了默认浏览器以及4.0中的Chrome),这种情况并不会发生。文本区域会被键盘覆盖,用户看不到自己输入的内容。
作为仅适用于Android的临时解决方法,我在
textarea:focus
上设置了position: fixed
,并将其移动到屏幕顶部,以确保它可见。是否有更加优雅的解决方案,以保持布局的完整性?
我在jsfiddle中制作了一个小例子。在Android浏览器中查看,以了解我的意思:http://fiddle.jshell.net/5cvj5/show/light/