Developer Developer - 4 months ago 8
HTML Question

Fix the Header at Hop when scrill, footer at the Bottom

i am new to css.

How can i show footer at complete bottom of the page

my problem in this page :

http://techdefeat.com/index.php


.technology {
min-height: 203em;
}

.foot-nav { background: #fa4b2a;}


in css this the only footer i have.

Please give some easy references, Thanks for Help.

Answer

here is my solution for header.

css

.head-bottom {
    background: #fa4b2a;
    position:fixed;
    width:100%;
    z-index:100;
}

.tech-no {
    /* position: absolute; */
    / top: -33px; /
}

JS

$(window).scroll(function(e){ 
  var $el = $('.head-bottom'); 
  var isPositionFixed = ($el.css('position') == 'fixed');
  if ($(this).scrollTop() > 200 && !isPositionFixed){ 
    $('.head-bottom').css({'position': 'fixed', 'top': '0px'}); 
  }
  if ($(this).scrollTop() < 200 && isPositionFixed)
  {
    $('.head-bottom').css({'position': 'static', 'top': '0px'}); 
  } 
});

Looking for fix footer solution. thanks guys.