键盘弹出时向上滚动文本字段

use*_*844 7 javascript android android-layout android-softkeyboard

我正在使用html5/javascript/jQuery/css进行移动应用程序开发.我在应用程序中有多个textareas.当我点击它输入时,键盘弹出(android选项卡).但是textarea仍然保留在该页面上的位置.键盘弹出时如何滚动页面.

Mik*_*keM 11

使用jQuery,获取textarea的offset().top值,然后使用设置文档滚动位置scrollTop()

var $htmlOrBody = $('html, body'), // scrollTop works on <body> for some browsers, <html> for others
    scrollTopPadding = 8;

$('textarea').focus(function() {
    // get textarea's offset top position
    var textareaTop = $(this).offset().top;
    // scroll to the textarea
    $htmlOrBody.scrollTop(textareaTop - scrollTopPadding);
});
Run Code Online (Sandbox Code Playgroud)

jsfiddle的例子