给页面增加页脚

<!-- 主页面文件 main.jsp-->
<!DOCTYPE html>
<html lang="zh-CN">
 <head>
  
 </head>
<body id="body" >
 <div id="container" class="container-fluid">
  内容
 </div>
 <%@ include file="/common/footer.jsp" %>

</body>
</html>

<!--页脚文件 footer.jsp-->
<%@ page contentType="text/html; charset=UTF-8" %>
<div id="footer" style="margin-top: 20px; width:100%;">
 <div >
  <p class="p2">版权所有 <br>
  </p>
 </div>
</div>
<script type="text/javascript">
function resetFooter(){
 var v_body2 = document.getElementById("body");
 var v_container = document.getElementById("container");
 var v_footer = document.getElementById("footer");
 v_footer.style.position="fixed";
 if(v_body2.scrollHeight > v_container.scrollHeight+v_footer.scrollHeight+30){
  v_footer.style.top=""+(v_body2.scrollHeight-v_footer.scrollHeight-30)+"px";
 }else{
  v_footer.style.position="static";
 }
};
resetFooter();
document.getElementById("body").onresize = resetFooter;
</script>

 

posted @ 2016-08-22 14:58  letmedown  阅读(589)  评论(0编辑  收藏  举报