移动端唤醒软键盘，导致按钮相应区域更换位置，解决办法！！

最新推荐文章于 2024-09-29 09:32:52 发布

原创最新推荐文章于 2024-09-29 09:32:52 发布 · 206 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5

JQ 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一种解决网页中输入框失焦后页面自动滚动问题的方法，通过使用setTimeout配合Math.max函数，确保了页面在输入框失焦时能够平滑滚动到正确位置，提升了用户体验。

使用方法：

<input class="aui-Address-box-input" name="DetailedAddress" id="DetailedAddress" type="text" placeholder="街道， 小区门牌等详细地址" />

添加以下内容：

 <script>
        $("input,select").blur(function () {
            setTimeout(function () {
                var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
                window.scrollTo(0, Math.max(scrollHeight - 1, 0));
            }, 100);
        })
    </script>