移动端唤醒软键盘，导致页面按钮触发位置发生改变解决办法

最新推荐文章于 2024-01-15 15:42:15 发布

原创最新推荐文章于 2024-01-15 15:42:15 发布 · 502 阅读

0 ·

CC 4.0 BY-SA版权

JQ 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的滚动条微调方法，通过在输入框或选择框失去焦点后，将页面滚动到特定位置，确保用户可以快速定位到所需内容。此技巧适用于网页开发中，特别是对于长页面或需要频繁滚动查看的界面非常有用。

    <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>