解决H5手机端唤起键盘，底部的footer一起上去的方法

ccyy-Csdn

于 2018-08-29 10:16:33 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： javaScript

本文链接：https://blog.youkuaiyun.com/qq_39234840/article/details/82178921

javaScript 专栏收录该内容

7 篇文章

订阅专栏

博客聚焦于H5手机端开发问题，当唤起键盘时底部的footer会出现上移情况，主要探讨解决此问题的方法，属于前端开发领域的常见问题处理。

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

<footer class="footer" id="footer">
	<a  href="sendStaOrder.jsp" >派送中订单</a>
	<a href="sendStaHistoryOrder.jsp" >历史订单</a>
	<a href="sendStaMyPer.jsp" class="f-active">我的佣金</a>
</footer>

<script>
	//	监听window的resize事件，简单的讲就是在整个document的高度变化时将底部的footer隐藏掉
    var oHeight = $(document).height(); //屏幕当前的高度
    $(window).resize(function(){
        if($(document).height() < oHeight){
            console.log("hidden");
            $("#footer").attr("hidden","hidden");
        }else{
            console.log("remove--hidden");
            $("#footer").removeAttr("hidden");
        }
    });

</script>