解决Android 手机下, input 或 textarea 元素聚焦时, 输入法遮盖输入框bug

最新推荐文章于 2024-08-18 03:28:52 发布

转载最新推荐文章于 2024-08-18 03:28:52 发布 · 245 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lyxverycool/articles/6181991.html

文章标签：

#移动开发 #ui

本文提供了一种解决Android设备上微信UI中输入框与滚动条不协调的技术方案。通过监听窗口尺寸变化并确保活动输入框始终处于可见区域，有效避免了在输入过程中视图的意外滚动。

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

微信ui解决方案

function androidInputBugFix() {
    if (/Android/gi.test(navigator.userAgent)) {
        window.addEventListener('resize', function () {
            if (document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA') {
                window.setTimeout(function () {
                    document.activeElement.scrollIntoViewIfNeeded();
                }, 0);
            }
        })
    }
};
androidInputBugFix();

转载于:https://www.cnblogs.com/lyxverycool/articles/6181991.html