Posted By

jayphen on 03/07/10

Tagged

Versions (?)

Last Edited at 03/07/10 10:32pm

Statistics

Viewed 618 times

Favorited by 3 user(s)

Related snippets

jQuery Sticky Footer

/ Published in: jQuery

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

//footer stick
$(window).bind("load", function() { 
 
   var footerHeight = 0,
       footerTop = 0,
       $footer = $("#footer");
 
   positionFooter();
 
   function positionFooter() {
      footerHeight = $footer.outerHeight();
      footerTop = ($(window).scrollTop()+$(window).height()-footerHeight)+"px";
      if ( ($(document.body).height()+footerHeight) < $(window).height()) {
         $footer.css({
              position: "absolute",
              top: footerTop
         });
      } else {
         $footer.css({
              position: "static"
         });
      }
   };
   $(window)
    .scroll(positionFooter)
    .resize(positionFooter);
 
});

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.

Posted By

Tagged

Versions (?)

Statistics

Related snippets

jQuery Sticky Footer

Comments

Choose a language for easy browsing: