Advanced Search

Posted By

jayphen on 03/07/10

Tagged

Versions (?)

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

Statistics

Viewed 629 times
Favorited by 3 user(s)

Related snippets

1103
STICKER - A valid, easy to use CSS sticky footer
5182
CSS Sticky Footer
1
Sticky Footer
1
Sticky Footer
3
Sticky Footer
0
Sticky Footer
915
Sticky footer CSS
846
Sticky footer HTML
530
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.