Answers for "how to set footer in bottom"

CSS
0

how to fix the footer at the bottom of the page

#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   z-index:1;
   width:100%;
}
Posted by: Guest on May-20-2021
0

footer bottom

<script>
    $(document).ready(function() {
        setInterval(function() {
            var docHeight = $(window).height();
            var footerHeight = $('#footer').height();
            var footerTop = $('#footer').position().top + footerHeight;
            var marginTop = (docHeight - footerTop + 10);

            if (footerTop < docHeight)
                $('#footer').css('margin-top', marginTop + 'px'); // padding of 30 on footer
            else
                $('#footer').css('margin-top', '0px');
            // console.log("docheight: " + docHeight + "n" + "footerheight: " + footerHeight + "n" + "footertop: " + footerTop + "n" + "new docheight: " + $(window).height() + "n" + "margintop: " + marginTop);
        }, 250);
    });
</script>
Posted by: Guest on October-14-2021

Code answers related to "how to set footer in bottom"

Browse Popular Code Answers by Language