h5解决iPhone上input聚焦页面整体上移，键盘消失页面没有落下来

最新推荐文章于 2025-11-01 23:05:27 发布

原创最新推荐文章于 2025-11-01 23:05:27 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

功能专栏收录该内容

25 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的解决方案，当输入框获得焦点时保存当前页面滚动位置，并在失去焦点时平滑地恢复到之前的位置。此外，针对安卓操作系统，还提供了额外的样式调整。

var htmlScrollHeight;
        $('.other-input input').on('focus', function () {
            htmlScrollHeight = $(document).scrollTop();
        });
        $('.other-input input').on('blur', function () {
        	$('html,body').animate({scrollTop:htmlScrollHeight}, 100);
            if (isAndroid) {
		       //这个是安卓操作系统
		       $(".pay-content").css('bottom','0');
		    }
        });