Javascript 无换页的粘性页脚
以下是小提琴,如果页脚上方的内容用Javascript 无换页的粘性页脚,javascript,jquery,html,css,Javascript,Jquery,Html,Css,以下是小提琴,如果页脚上方的内容用换页包装,并且页脚粘贴到底部的内容较少,则效果良好,否则将出现滚动。有没有一种方法可以让这把小提琴不依赖于换页,我只需要在页脚上应用css。我请求这样做是因为有超过50页是通过这种方式制作的,并且只在页脚添加ss。我只需要更改页脚的头文件 编辑: 将此代码添加到jquery: $('.page-wrap').css('min-height',($(window).height()-142)+'px'); 这是你的CSS: /* Mostly: http:/
换页
包装,并且页脚粘贴到底部的内容较少,则效果良好,否则将出现滚动。有没有一种方法可以让这把小提琴不依赖于换页
,我只需要在页脚上应用css。我请求这样做是因为有超过50页是通过这种方式制作的,并且只在页脚添加ss。我只需要更改页脚的头文件
编辑: 将此代码添加到jquery:
$('.page-wrap').css('min-height',($(window).height()-142)+'px');
这是你的CSS:
/* Mostly: http://ryanfait.com/sticky-footer/ */
* {
margin: 0;
}
html, body {
height: 100%;
}
.page-wrap {
/* equal to footer height */
height:auto;
}
.site-footer {
background: orange;
height:142px;
display:block;
}
没有
。换页:在之后,您的代码使页脚变粘,并且在有更多内容时不向下推页脚。再次检查答案。从15755555555555151515555555555555555555555555555551515151515555555555555半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半半不幸的是,没有jQuery或JSp.s,或者至少我不知道如何做到这一点。你的波斯语太糟糕了D;)
/* Mostly: http://ryanfait.com/sticky-footer/ */
* {
margin: 0;
}
html, body {
height: 100%;
}
.page-wrap {
/* equal to footer height */
height:auto;
}
.site-footer {
background: orange;
height:142px;
display:block;
}