Advanced Search

Posted By

jayphen on 03/07/10

Tagged

Versions (?)

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

Statistics

Viewed 623 times
Favorited by 3 user(s)

Related snippets

1099
STICKER - A valid, easy to use CSS sticky footer
5179
CSS Sticky Footer
1
Sticky Footer
1
Sticky Footer
3
Sticky Footer
0
Sticky Footer
913
Sticky footer CSS
845
Sticky footer HTML
526
jquery sticky footer

jQuery Sticky Footer

/ Published in: jQuery
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. //footer stick
  2. $(window).bind("load", function() { 
  3.  
  4.    var footerHeight = 0,
  5.        footerTop = 0,
  6.        $footer = $("#footer");
  7.  
  8.    positionFooter();
  9.  
  10.    function positionFooter() {
  11.       footerHeight = $footer.outerHeight();
  12.       footerTop = ($(window).scrollTop()+$(window).height()-footerHeight)+"px";
  13.       if ( ($(document.body).height()+footerHeight) < $(window).height()) {
  14.          $footer.css({
  15.               position: "absolute",
  16.               top: footerTop
  17.          });
  18.       } else {
  19.          $footer.css({
  20.               position: "static"
  21.          });
  22.       }
  23.    };
  24.    $(window)
  25.     .scroll(positionFooter)
  26.     .resize(positionFooter);
  27.  
  28. });

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.