彈出文本框時彈出鍵盤彈出

我正在使用html5/javascript/jQuery/css進行移動應用程序開發。我在應用程序中有多個textareas。當我點擊那個輸入時，鍵盤彈出（android選項卡）。但textarea保持它在頁面上的位置。彈出鍵盤時如何滾動頁面。彈出文本框時彈出鍵盤彈出

來源

2013-08-26 user533844

使用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); 
});

jsfiddle example

來源

2013-08-26 19:23:05 MikeM

完美！工作！謝謝。 – user533844

要完成答案，textarea的的offset().top值然後設置文件滾動位置，如果你想動畫滾動替換：

$htmlOrBody.scrollTop(textareaTop - scrollTopPadding);

來自

var timing = 250; 
$htmlOrBody.animate({ scrollTop: textareaTop - scrollTopPadding }, timing);

來源

2016-07-26 15:04:24 Ludo

彈出文本框時彈出鍵盤彈出

回答

相關問題