MehulBawadia/footer.html

## footer.html
<body>
    <!-- contents here -->

    <!-- Footer on the bottom of the page -->
    <footer class="footer"></footer>

    <!-- include footer.js -->
    <script src="/path/to/footer.js"></script>
</body>

## footer.js
var docHeight    = $(window).height(),
    footerHeight = $('.footer').height(),
    footerTop    = $('.footer').position().top + footerHeight;

if (footerTop < docHeight) {
    $('.footer').css('margin-top', 10 + (docHeight - footerTop) + 'px');
}