ios上fixed底部输入框被键盘遮挡的简单解决办法

最新推荐文章于 2024-01-31 17:33:35 发布

就这样敲

最新推荐文章于 2024-01-31 17:33:35 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript

原文链接：https://codeleading.com/article/86743161474/

文章讨论了在iOS设备上，使用position:fixed;时遇到的问题，当输入框在页面底部，弹出软键盘会遮挡输入框。为解决此问题，文中提供了一个JavaScript解决方案，即在textarea获取焦点时，延迟滚动到页面底部。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ios据说不支持position: fixed;

在安卓上面，点击页面底部的输入框，软键盘弹出，页面移动上移。

而ios上面，点击页面底部输入框，软键盘弹出，输入框看不到了。。。

var u = navigator.userAgent, app = navigator.appVersion;
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if (isiOS) {
    $('textarea').focus(function () {
        window.setTimeout('scrollBottom()', 500);
    });
}
function scrollBottom() {
    window.scrollTo(0, $('body').height());
}