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