gpt4 book ai didi

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

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:32:54 24 4
gpt4 key购买 nike

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

最佳答案

使用 jQuery,获取文本区域的 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);
});

jsfiddle example

关于javascript - 弹出键盘时向上滚动文本字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18450659/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com