3
我正在使用html5/javascript/jQuery/css进行移动应用程序开发。我在应用程序中有多个textareas。当我点击那个输入时,键盘弹出(android选项卡)。但textarea保持它在页面上的位置。弹出键盘时如何滚动页面。弹出文本框时弹出键盘弹出
我正在使用html5/javascript/jQuery/css进行移动应用程序开发。我在应用程序中有多个textareas。当我点击那个输入时,键盘弹出(android选项卡)。但textarea保持它在页面上的位置。弹出键盘时如何滚动页面。弹出文本框时弹出键盘弹出
使用jQuery,让使用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);
});
要完成答案,textarea的的offset().top
值然后设置文件滚动位置,如果你想动画滚动替换:
$htmlOrBody.scrollTop(textareaTop - scrollTopPadding);
来自
var timing = 250;
$htmlOrBody.animate({ scrollTop: textareaTop - scrollTopPadding }, timing);
完美!工作!谢谢。 – user533844