• code snippets
  • all code snippets/
  • popular code snippets/
  • your code snippets
• extras
• blog
• about snipplr

• Big /
• Small

Posted By

frkssk on 05/22/11

Tagged

jquery footer sticky

Versions (?)

05/22/11 10:34am

Who likes this?

1 person have marked this snippet as a favorite

scottwatkins

 / Published in: jQuery

 

if($('body').height() < $(window).height()){
  $("#footer").css({position: "absolute",top:($(window).height()-$("#footer").height())+"px", width: "100%"})
}

Report this snippet   Tweet

Comments

Subscribe to comments

Posted By: frkssk on March 4, 2012

Another

function placeFooter() { console.log('Placing footer:'); var docHeight = $(document.body).height(); var winHeight = $(window).height(); console.log('Document Body Height: ' + docHeight); console.log('Windows Height: ' + winHeight); if( docHeight < winHeight ) { console.log("Footer being moved."); $("#footer").css({position: "absolute", bottom:"0px",zIndex:"-100"}); } else { $("#footer").css({position: ""}); } }

placeFooter();