Some sticky JS footer

This one doesn't need exact heights for the footer, nice for responsive sites.
Non JS version here: Sticky footer.

HTML

<div class="main">main</div> <footer class="footer">footer</footer>

JS

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script> var bumpIt = function() { $('body').css('margin-bottom', $('.footer').height()); }, didResize = false; bumpIt(); $(window).resize(function() { didResize = true; }); setInterval(function() { if(didResize) { didResize = false; bumpIt(); } }, 250); </script>

CSS

<style> html {position:relative; min-height: 100%;} .main {overflow:hidden;} .footer {position:absolute; bottom:0; width:100%; clear:both;} </style>