给页面增加页脚

最新推荐文章于 2024-07-29 11:53:27 发布

weixin_30538029

最新推荐文章于 2024-07-29 11:53:27 发布

阅读量81

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/javaeye235/p/5795640.html

版权

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

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

转载于:https://www.cnblogs.com/javaeye235/p/5795640.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30538029

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
给页面增加页脚

<!DOCTYPE html><html lang="zh-CN"><head></head><body id="body" ><div id="container" class="container-fluid">内容</div><%...
复制链接

扫一扫